https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-checkboxes Gravity Support Forums Topic: Gravity Forms Styling Checkboxes en-US Mon, 20 Apr 2026 09:27:29 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-checkboxes#post-135167 Tue, 29 Jan 2013 10:51:50 +0000 impactpartnership 135167@https://legacy.forums.gravityhelp.com/ <p>I also added a content form 7 into the "Logo" selection item to see if it was an issue with the popup but it seems to be working fine within the popup. </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-checkboxes#post-135148 Tue, 29 Jan 2013 10:38:54 +0000 impactpartnership 135148@https://legacy.forums.gravityhelp.com/ <p>I embeded a duplicate of the form at the bottom of the page and the check boxes don't seem to work with Gravity Forms. </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-checkboxes#post-134650 Tue, 29 Jan 2013 00:56:32 +0000 Chris Hajer 134650@https://legacy.forums.gravityhelp.com/ <p>I did not see any checkboxes to style in the Gravity Form in the modal dialog when I clicked on business cards.</p> <p>Can you try embedding this form in a regular WordPress page and see if your script works there. If it does, we have to work on getting the scripts loaded in the modal. If it does not, then we have other problems. </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-checkboxes#post-134166 Mon, 28 Jan 2013 14:43:54 +0000 impactpartnership 134166@https://legacy.forums.gravityhelp.com/ <p>My apologies. I accidentally deleted it out of there. It has been reinserted.</p> <p>Additionally, I found a different method that works with everything except for gravity forms.</p> <p>The JS is</p> <pre><code>jQuery(&quot;input[type=&#39;checkbox&#39;]&quot;).each(function() { var jQuerythis = jQuery(this); jQuerythis.hide(); var jQueryimage = jQuery(&quot;&lt;img src=&#39;http://developer.impactpartner.com/albertson/wp-content/uploads/2013/01/checkbox-unchecked.png&#39; class=&#39;testbox&#39; /&gt;&quot;).insertAfter(this); jQueryimage.bind(&quot;click&quot;, function() { var jQuerycheckbox = jQuery(this).prev(&quot;input&quot;); jQuerycheckbox.prop(&quot;checked&quot;, !jQuerycheckbox.prop(&quot;checked&quot;)); checkImage(); }) function checkImage() { if(jQueryimage.prev(&quot;input[type=&#39;checkbox&#39;]&quot;).prop(&quot;checked&quot;)) { jQueryimage.attr(&quot;src&quot;, &quot;http://developer.impactpartner.com/albertson/wp-content/uploads/2013/01/checkbox-checked.png&quot;); jQueryimage.attr(&quot;class&quot;, &quot;testbox&quot;); } else { jQueryimage.attr(&quot;src&quot;, &quot;http://developer.impactpartner.com/albertson/wp-content/uploads/2013/01/checkbox-unchecked.png&quot;); jQueryimage.attr(&quot;class&quot;, &quot;testbox&quot;); } } }); });</code></pre> <p>You will see it working at the bottom of the page with Contact Form 7. I have tried adding the class "testbox" in the CSS Class Name of the checkbox in Gravity Forms but it doesn't seem to work for me. </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-checkboxes#post-130766 Thu, 24 Jan 2013 21:48:14 +0000 Chris Hajer 130766@https://legacy.forums.gravityhelp.com/ <p>I clicked on the top row, center item (Business Cards 02) and the "Order" button but I got this URL and no form:</p> <p><a href="http://myimpact.impactpartner.com/launch/#branding_businesscards" rel="nofollow">http://myimpact.impactpartner.com/launch/#branding_businesscards</a></p> <p>Is there a direct URL to the form embedded in a page? </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-checkboxes#post-125292 Fri, 18 Jan 2013 11:10:59 +0000 impactpartnership 125292@https://legacy.forums.gravityhelp.com/ <p>Oh, click on 'Business Cards' to see the form. </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-checkboxes#post-125290 Fri, 18 Jan 2013 11:09:11 +0000 impactpartnership 125290@https://legacy.forums.gravityhelp.com/ <p>Not sure if this is beyond the scope of support, but I can't get this to work for the life of me.</p> <p>I found this link in another forum post on here to use this script for styling buttons and checkboxes: <a href="http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/" rel="nofollow">http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/</a> </p> <p>I've installed everything in the .js, added the CSS, but I can't get it to work. The script is being called in the header, so I know that much is working, but I can't get the checkboxes to use the image associated with the script.</p> <p>Here's the link if anyone can help: <a href="http://myimpact.impactpartner.com/launch" rel="nofollow">http://myimpact.impactpartner.com/launch</a></p> <p>Thanks </p>