https://legacy.forums.gravityhelp.com/topic/using-an-image-as-a-checkbox-or-radio-button Gravity Support Forums Topic: Using an image as a checkbox or radio button? en-US Mon, 20 Apr 2026 01:25:29 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/using-an-image-as-a-checkbox-or-radio-button#post-46905 Thu, 19 Jan 2012 23:54:16 +0000 tm 46905@https://legacy.forums.gravityhelp.com/ <p>Cool. Thanks! </p> https://legacy.forums.gravityhelp.com/topic/using-an-image-as-a-checkbox-or-radio-button#post-46902 Thu, 19 Jan 2012 23:06:52 +0000 Rob Harrell 46902@https://legacy.forums.gravityhelp.com/ <p>You should be able to use our ready classes for the inline/column display of the radio buttons:</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes</a> </p> https://legacy.forums.gravityhelp.com/topic/using-an-image-as-a-checkbox-or-radio-button#post-46898 Thu, 19 Jan 2012 22:31:39 +0000 tm 46898@https://legacy.forums.gravityhelp.com/ <p>Another quick question. Can I assign classes to each radio button (image) so I can have them side by side instead of one on top of another? </p> https://legacy.forums.gravityhelp.com/topic/using-an-image-as-a-checkbox-or-radio-button#post-46894 Thu, 19 Jan 2012 21:17:25 +0000 tm 46894@https://legacy.forums.gravityhelp.com/ <p>No you were right it worked. I just messed the image up by making it a link on accident. Thanks! </p> https://legacy.forums.gravityhelp.com/topic/using-an-image-as-a-checkbox-or-radio-button#post-46879 Thu, 19 Jan 2012 18:08:49 +0000 Richard Vav 46879@https://legacy.forums.gravityhelp.com/ <p>Could you post a link to the page with your form on it, that second style should add a border to the image when it is selected. Even though you can't currently see a visible sign that one of the images has been selected can you check the forms entry in the admin section to see if it has recorded the selection anyway. </p> https://legacy.forums.gravityhelp.com/topic/using-an-image-as-a-checkbox-or-radio-button#post-46877 Thu, 19 Jan 2012 17:59:20 +0000 tm 46877@https://legacy.forums.gravityhelp.com/ <p>Edit: Thanks for the help!! </p> https://legacy.forums.gravityhelp.com/topic/using-an-image-as-a-checkbox-or-radio-button#post-46873 Thu, 19 Jan 2012 17:29:10 +0000 Richard Vav 46873@https://legacy.forums.gravityhelp.com/ <p>Sure you can use an image as the label for a radio button, to do this you will need to check the 'enable values' option on the properties tab of the radio button field. You can then add your html code that will display the image to the label not forgetting to write a meaningful name in the value box so you know what image they choose when you get the email notification.</p> <p>If you don't want the actual radio button to display as well as the image you can add some css to do that but you may want to add a border or something to identify which image they have selected. You will need to add the class 'hideradio' to the css class name on the radio buttons advanced tab<br /> <pre><code>.hideradio input[type=&quot;radio&quot;]{display:none;} body .gform_wrapper ul.gfield_radio li input[type=&quot;radio&quot;]:checked+label img{border:solid #000 1px;}</code></pre> https://legacy.forums.gravityhelp.com/topic/using-an-image-as-a-checkbox-or-radio-button#post-46871 Thu, 19 Jan 2012 16:59:19 +0000 tm 46871@https://legacy.forums.gravityhelp.com/ <p>I have 2 choices in a section of my form and would like to be able to use an image rather than a radio button to have one of them selected. Can I do this? </p>