Radio Button Size Properties

pretty sure the radio buttons themselves aren't adjustable since the graphics for them are managed client side... I could be wrong though, I've never actually taken much time to look into radio button customization!

You can replace graphics for the radiobuttons and/or checkboxes with your own, and have them as big as you want.

To customize your radio buttons:

From the Test & Survey ribbon, click Radio Buttons from the Customize Controls group. The Customize Radio Buttons & Check boxes window opens.

Use the Selected Image and Unselected Image pull-down lists to select the images. Select Browse for File to navigate and select a file from your local file system or select Browse My Media to navigate and select a file from the Media Library.

Click OK.

Just found this nice tidbit on changing the style of radio buttons.

Is there a way to change the buttons at the page level? I have a hotspot interaction that we would like to have nice red radio buttons for to highlight the areas to select. However, when I apply the above solution, it also changes my multiple choice question buttons on other pages the same style.

Thanks!

It's simple to change the size of individual radio buttons using external styling. Add a cascading style sheet via the HTML Extension object:

If you want to affect the size of both the radio button and it's label then add a class, such as .lg-radio, and in the appearance tab of each radio button add the class.

.lg-radio {

transform: scale(2);

}

If you want to affect ONLY the radio button image(s) then you need to use the individual radio button HTML Name with "id" (no spaces or quotes) added to it as the selectors for the transform declaration.

#radio43id, #radio44id, #radio45id {

transform: scale(1.5);

}

See attached.

Darrel

Hello,

I am trying implement given solution in online Lectora but it does not work rather same implementation work in Lectora 17.

How can I achieve this in online Lectora?

I set images for selected and unselected radio buttons and want to changes image height for some screens. Is it possible in online Lectora?

please suggest me or guide me.

Waiting for reply.

Thanks

Akash Jambhorkar