# Displaying image thumbnail with radio buttom

**URL:** https://community.gravityforms.com/t/displaying-image-thumbnail-with-radio-buttom/2034
**Category:** Get Help
**Tags:** jetsloth
**Created:** [June 6, 2019, 1:12am UTC](https://community.gravityforms.com/t/displaying-image-thumbnail-with-radio-buttom/2034 "2019-06-06T01:12:37Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Bingo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/bingo/32/821_2.png) [@Bingo](https://community.gravityforms.com/u/Bingo)
#### Post date: [June 6, 2019, 1:12am UTC](https://community.gravityforms.com/t/displaying-image-thumbnail-with-radio-buttom/2034/1 "2019-06-06T01:12:37Z")

</div>

Hi there,

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

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

Now to the point.

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

 ![radio-button](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/f/f05118f4587c68100d7a73e24d9219bba9024b6e.jpeg)

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

Thanks in advanced.

---

<div class="post-metadata">

### Author: ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)
#### Post date: [June 6, 2019, 1:15am UTC](https://community.gravityforms.com/t/displaying-image-thumbnail-with-radio-buttom/2034/2 "2019-06-06T01:15:56Z")

</div>

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:

> **[Gravity Forms Image Choices Add-on](https://jetsloth.com/gravity-forms-image-choices/)**
>
> Gravity Forms Image Choices Add-on - Easily add images as choices for Radio Buttons or Checkboxes fields within Gravity Forms.

---

<div class="post-metadata">

### Author: ![Bingo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/bingo/32/821_2.png) [@Bingo](https://community.gravityforms.com/u/Bingo)
#### Post date: [June 6, 2019, 6:35am UTC](https://community.gravityforms.com/t/displaying-image-thumbnail-with-radio-buttom/2034/3 "2019-06-06T06:35:44Z")

</div>

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 🙂 .

---

<div class="post-metadata">

### Author: ![richardw8k](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/richardw8k/32/2354_2.png) [@richardw8k](https://community.gravityforms.com/u/richardw8k)
#### Post date: [January 4, 2022, 5:23pm UTC](https://community.gravityforms.com/t/displaying-image-thumbnail-with-radio-buttom/2034/4 "2022-01-04T17:23:09Z")

</div>