Use images on Radio Buttons

[Sivad]

Hello,

How can I use images as an option on my radio buttons?

[April]

Hi Sivad,

You can use images as options for the Radio Buttons by using the <img> tag

For example:
use the following code for the Display, and then color name for the value

<img src="https://multimedia.3m.com/mws/media/1484762F/3630-61-slategray-swatch.jpg" alt="test" width="50px"/>

To put the next choice in the next line, simply add <br/> after the image tag:

<img src="https://multimedia.3m.com/mws/media/1484762F/3630-61-slategray-swatch.jpg" alt="test" width="50px"/><br/>

Please note that this does not work with Dropdown, and Listbox Form Element.

Hope this helps.

[telly]

Hi @Sivad,

I just want to add that you may also use unicode emojis on radio buttons, you may check these links:

- https://blog.caspio.com/unicode-emojis/

Hope this helps!

[IamNatoyThatLovesYou]

Hi Everyone, 

Just want to add that you can also have the radio button to look like a checkbox. You will just need to insert the sample code below.

You can check it here. 

 

[autonumber]

You can also refer to this forum post: