Using images for multiple choice

Actually I see what to do after dusting off Firebug. Target the CSS for the gforms by using the "gchoice" element. Simple enough!

Something like this should work:

[css]
#field_28_14 .gfield_radio input { position: absolute; visibility: hidden; }

Update #field_28_14 to the ID of your field.

Hi Mmeisner,

Sorry I just realized that the thread you originally linked to was instructing you to use background images to accomplish this. With Gravity Forms 1.5, you can actually add any HTML (including images) directly in the label in the Gravity Forms admin ( http://grab.by/9VG0 ).

With the image actually inside of the label, clicking the image will also select the hidden checkbox.

Ok, I've done that, and created a bit of a mess. I can probably re-size the images and fix it BUT how to I make it so the image, once clicked, remains selected so the user knows it's been chosen? If the radio button is gone, there's nothing to indicate to them...

I've added images w/rollover css to the radio button labels, and even though the user can simply click on the image in IE, Chrome, and Safari to select their choice, in Firefox the only way it'll make the selection is when you click on the checkbox. Is there any way I can add some css to get Firefox to be able to make the image selection also? Here's the form:

http://dish2u.com/14-second-quote/

David said :
"With Gravity Forms 1.5, you can actually add any HTML (including images) directly in the label in the Gravity Forms admin ( http://grab.by/9VG0 ).
With the image actually inside of the label, clicking the image will also select the hidden checkbox."
I used that technique and the check boxes appeared replaced by the images I wanted.
But for some unknown reason, when I try to use conditionnal logic on these labels, the labels appears blank in the menu and cannot be selected for conditionnal logic usage. Any idea?
I must add that I also try to insert value to these labels but that did not change anything, the labels are blank.
The only way I found to made the label reappear in the conditional logic list was to insert a number before the instruction ( 1<img src=... )
Thanks by advance for you answer.

Same case in my form creating process. (1) Multiple choice by image HTML, (2) assigned value to each option, (3) on the next page, display only the chosen image, by create HTML block with conditional logic. The logical condition is: (Hide) when "admin label A" is NOT "value X"

The value list is a long blank list. I can still move up and down the list and see the location by highlighted blue color.

yes, as I select one of the blank values, the form is working. Just been very confused with it. I have a long list with 15+ or more choices. Can you suggest any solution.

Hello,

Any solution for this yet?