Displaying image thumbnail with radio buttom

Get Help
1

Hi there,

I have been using Gforms for 6 years, and just now I discover that there is a community forum… :relaxed:.

So first of all thanks to the developers for this very solid and fast loading plugin :partying_face:.

Now to the point.

Is there a way to display image thumbnail with the radio buttons like in the example below ?

radio-button
radio-button1106×421 40.9 KB

In this example, the user clicks on the picture, wich is much more UX. Any tip for this ?

Thanks in advanced.

2

You can use HTML in the radio button label, so you can insert your img tag there, before the text. Then you need some CSS to hide the radio input (if you like) and style the text, and the “selected” “unselected” states for the image.

Or, you can use this plugin which makes this very easy:

1 Like
3

Tanks for your help, the plugin is interesting but I tried to open the URL on my mobile, and it’s quite slow. I have been having the same issue with thumbnail images on radio button with different plugins. Any tip to make sure the form displays quickly ?

Thanks in advanced :slight_smile: .