https://legacy.forums.gravityhelp.com/topic/each-radiobox-selection-displays-image Gravity Support Forums Topic: Each radiobox selection displays image? en-US Sun, 19 Apr 2026 20:04:38 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/each-radiobox-selection-displays-image#post-117017 Tue, 08 Jan 2013 20:10:51 +0000 Chris Hajer 117017@https://legacy.forums.gravityhelp.com/ <p>You're welcome. Glad you were able to make that work. </p> https://legacy.forums.gravityhelp.com/topic/each-radiobox-selection-displays-image#post-117015 Tue, 08 Jan 2013 20:06:32 +0000 moltogelato 117015@https://legacy.forums.gravityhelp.com/ <p>Thanks - you guys are great. </p> https://legacy.forums.gravityhelp.com/topic/each-radiobox-selection-displays-image#post-116997 Tue, 08 Jan 2013 19:38:11 +0000 Chris Hajer 116997@https://legacy.forums.gravityhelp.com/ <p>If you have the URL, the image tag will look like this in the HTML box:</p> <pre><code>[html] &lt;img src=&quot;http://example.com/image.jpg&quot; /&gt;</code></pre> <p>That is the basic format. You can add a title and alt attribute if you want, and it's required for validation, but this tag will make the image show up on your page. </p> https://legacy.forums.gravityhelp.com/topic/each-radiobox-selection-displays-image#post-116994 Tue, 08 Jan 2013 19:29:34 +0000 moltogelato 116994@https://legacy.forums.gravityhelp.com/ <p>Thanks! I have the image url. What code do I put in the html box? </p> https://legacy.forums.gravityhelp.com/topic/each-radiobox-selection-displays-image#post-116793 Tue, 08 Jan 2013 10:24:54 +0000 Chris Hajer 116793@https://legacy.forums.gravityhelp.com/ <p>It was five individual HTML blocks. You need to do it like that so you can use one radio condition to show one image. One block for each image.</p> <p>To get the radio buttons on the left and HTML block (image) on the right, you can add the Custom CSS Class on the Advanced tab of each field. I used gf_left_half for the radio button field and gf_right_half for each of the five HTML fields. </p> https://legacy.forums.gravityhelp.com/topic/each-radiobox-selection-displays-image#post-116518 Tue, 08 Jan 2013 03:12:04 +0000 moltogelato 116518@https://legacy.forums.gravityhelp.com/ <p>That's exactly what I want. Thanks!</p> <p>Was that one html block with the four pictures or four different html blocks? </p> <p>How did you get the picture to display to the right side of the radio buttons instead of below? </p> https://legacy.forums.gravityhelp.com/topic/each-radiobox-selection-displays-image#post-115992 Mon, 07 Jan 2013 08:54:43 +0000 Chris Hajer 115992@https://legacy.forums.gravityhelp.com/ <p>If you don't have a lot of products, you can use an HTML block with the image in it, and display that block with conditional logic depending on which radio button choice is selected. Here is an example: <a href="http://gravity.chrishajer.com/different-image-for-each-radio-button-selection/" rel="nofollow">http://gravity.chrishajer.com/different-image-for-each-radio-button-selection/</a></p> <p>Does that work for you? </p> https://legacy.forums.gravityhelp.com/topic/each-radiobox-selection-displays-image#post-114218 Fri, 04 Jan 2013 21:42:45 +0000 moltogelato 114218@https://legacy.forums.gravityhelp.com/ <p>Is is possible to have each radiobox selection for a product display a different image? So that depending on which option is selected the user will see an image of the product/variation they have selected? </p>