checkbox picture

Hi Shtul,

If you use background images, you can accomplish this with CSS. This is supported in IE9, Firefox, Chrome, Safari:

[css]
.gform_wrapper ul li.choice_8_1 input[type="radio"] + label img { background-image: url(default-image.png); }
.gform_wrapper ul li.choice_8_1 input[type="radio"]:checked + label img { background-image: url(default-image.png); }

You'll need to update the class on the li to match the choice your are working with and the background image url to match your field.

Hi shtul,

I actually gave you some misinformation in my previous post. Here is a demo page with this working:

https://dl.dropbox.com/u/689144/demo/testing.htm

You'll see the 2nd choice has a red background initially and a yellow background when checked.

The 3rd option shows the images you specified when checked and unchecked. You'll note on this that you will need to apply additional styles to adjust the width and height of the label and likely resize the image to better fit your theme.

The CSS powering both examples is below:

[css]
li.gchoice_1_2 label { background-color: #f00; }
li.gchoice_1_2 input[type="checkbox"]:checked + label { background-color: #ff0; }

li.gchoice_1_3 label { background-image: url(http://farm2.static.flickr.com/1437/892508720_eb0795a686_o.jpg); }
li.gchoice_1_3 input[type="checkbox"]:checked + label { background-image: url(http://lomdiml.co.il/wp-content/uploads/2012/05/%D7%A1%D7%99%D7%9E%D7%9F-%D7%95%D7%99.jpg); }

Let me know if that makes sense. :)

I try add this,
.HideCheckBox input[type="checkbox"]{display:none;}
and HideCheckBox in CSS at Advenced Tab but it doesnt seem to work

Thanks.

Sorry, still not good.
1. the first time when I click the image it dissapear and then appear again but it take a while, is there is a way to make it work smoothly?
2. worth than that!!
when i move beetween the radios at the screen top and then go back, it avoid my choices and it forget the thing i choose before.

what happend?

Thanks a lot

The original question solved, and thanks for that.
Because I find it's not only my problem as mentioned here (without solution) http://www.gravityhelp.com/forums/topic/conditional-logic-and-fields-content
I opened new post for that.
http://www.gravityhelp.com/forums/topic/use-conditional-hidden-fields
Thanks for your help.

[solved]