Customise radio button property (size) changed on the specific screen.
September 26, 2017 12:00 AM
Hello,
I set images for selected and unselected radio buttons and want to change image height and width for some screens.
I apply the CSS for this but it does not work in Lectora online rather same CSS work on Lectora 17.
How to achieve this functionality in Online Lectora. Is it possible to change image height and width for customizing radio button in a specific slide?
Any solution for this?
Waiting for reply,
Thanks
Akash Jambhorkar
undefined
Discussion (1)
We really need to allow you to change individual check boxes and radio buttons! We do have that on our list of things to get done.
If you are in a pinch and absolutely need to do this you can use the following code. Add an action to each of the radio buttons that On Page Show Runs JavaScript. Add the following JavaScript and tweak it as necessary:
triv$(%HTMLNAME%.dLbl).css({'width':'100%','background-size':'100px, 100px'});
triv$('div',%HTMLNAME%.div).css({'width':'100px','height':'100px'});
If you have a responsive title then also add this to an action triggered on Device Rotation, they'll need to be adjusted for both triggers ( On Page Show and On Device Rotation ).
This will only work in publish and publish page preview.
triv$ is jQuery
I'll make sure and put this use case in the feature request for allowing individual custom form elements.
- Joe

Discussions have been disabled for this post