https://legacy.forums.gravityhelp.com/topic/radio-buttons-as-anchor-images-css-question Gravity Support Forums Topic: Radio buttons as anchor images css question en-US Mon, 20 Apr 2026 03:28:07 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/radio-buttons-as-anchor-images-css-question#post-49313 Mon, 13 Feb 2012 18:01:30 +0000 Carl Hancock 49313@https://legacy.forums.gravityhelp.com/ <p>If you are using the images in place of radio buttons and you want to make it so that they display a larger image in a new window, that poses a usability problem. The user has to click the image to select that radio button, it's the action that is required to select that fabric switch the way you have it setup.</p> <p>If you configure it so that clicking on the swatch opens up a new window or tab it's going to be annoying from a user interface perspective. The user may not need to view a larger version of the swatch and is instead simply selecting which one they want, but it would then open up a new window and take focus away from the form itself and put it on that new window.</p> <p>I would suggest implementing this some other way such as providing a link in the field description that opens up a page that has larger versions of the fabric swatches. That way selecting the field value itself doesn't trigger this behavior. </p> https://legacy.forums.gravityhelp.com/topic/radio-buttons-as-anchor-images-css-question#post-49276 Mon, 13 Feb 2012 14:31:05 +0000 tm 49276@https://legacy.forums.gravityhelp.com/ <p>Okay so on my site (below) I am using images as the radio buttons.. I want to make those anchor images so when you click them they display larger in a new tab/window but when I do and go back in the browser the css radio checked css doesn't apply the border. For testing purposes I kept the top 3 fabrics images (non anchor) so they show the border when clicked and the bottom anchor images to show you how the css doesn't apply. I was looking to use a lightbox plugin but I am back to this to keep it simple to maybe find a solution easier. Thanks</p> <p><a href="http://www.customwindowcushions.com/custom-window-seat-cushions/rectangle-window-seat-cushions" rel="nofollow">http://www.customwindowcushions.com/custom-window-seat-cushions/rectangle-window-seat-cushions</a> </p>