https://legacy.forums.gravityhelp.com/topic/pass-class-name-to-checkbox Gravity Support Forums Topic: Pass Class Name to Checkbox en-US Sat, 04 Apr 2026 11:07:44 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/pass-class-name-to-checkbox#post-176209 Tue, 19 Mar 2013 00:03:13 +0000 Chris Hajer 176209@https://legacy.forums.gravityhelp.com/ <p>It was a quick example of incorporating a styling script. I only applied it to some form elements, and I did notice that the checkboxes or radio buttons (I forget which) did not work in Chrome. I did not debug that portion of it. It was just an example of *how* to incorporate it. It was easier than adding a class to every form input and I thought maybe it would be an alternative for you. </p> https://legacy.forums.gravityhelp.com/topic/pass-class-name-to-checkbox#post-175575 Mon, 18 Mar 2013 13:59:27 +0000 Andy 175575@https://legacy.forums.gravityhelp.com/ <p>I will give unifromjs a try but in your example link the checkboxes are not working... </p> https://legacy.forums.gravityhelp.com/topic/pass-class-name-to-checkbox#post-174505 Sun, 17 Mar 2013 18:39:05 +0000 Chris Hajer 174505@https://legacy.forums.gravityhelp.com/ <p>You best solution at this point is to add that class to all checkbox inputs using jQuery. </p> <p>There are other solutions out there as well, including Uniform.js:<br /> <a href="http://uniformjs.com/" rel="nofollow">http://uniformjs.com/</a></p> <p>I implemented that on some elements on one form recently:<br /> <a href="http://gravity.chrishajer.com/job-application/" rel="nofollow">http://gravity.chrishajer.com/job-application/</a></p> <p>Maybe that script would be easier to add, if you're just looking to modernize the look of the form elements? </p> https://legacy.forums.gravityhelp.com/topic/pass-class-name-to-checkbox#post-172339 Fri, 15 Mar 2013 10:26:24 +0000 Andy 172339@https://legacy.forums.gravityhelp.com/ <p>yes it should be applied to each element like this:</p> <p>&lt;input type="checkbox" name="a" class="styled" /&gt;</p> <p>this is getting too confusing! i wish there was an easier alternative but couldnt find any working solutions for gravity forms.. maybe you guys can make our life easier in the next update... "web 2.0 style" is very important these days.. </p> https://legacy.forums.gravityhelp.com/topic/pass-class-name-to-checkbox#post-171092 Thu, 14 Mar 2013 07:56:25 +0000 Chris Hajer 171092@https://legacy.forums.gravityhelp.com/ <p>Got it. In that case, I think you will need to use jQuery to add the class to each &lt; li &gt; (or should it be applied to the input element, according to the documentation <a href="http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/" rel="nofollow">here</a>?) </p> https://legacy.forums.gravityhelp.com/topic/pass-class-name-to-checkbox#post-169946 Wed, 13 Mar 2013 11:34:44 +0000 Andy 169946@https://legacy.forums.gravityhelp.com/ <p>If I do that the class "styled" is not applied on each individual checkbox.. It's applied on the | ul | element.. </p> https://legacy.forums.gravityhelp.com/topic/pass-class-name-to-checkbox#post-169773 Wed, 13 Mar 2013 08:36:54 +0000 Chris Hajer 169773@https://legacy.forums.gravityhelp.com/ <p>On the advanced tab for your checkboxes, can you add the Custom CSS Class or "styled"? </p> https://legacy.forums.gravityhelp.com/topic/pass-class-name-to-checkbox#post-168116 Mon, 11 Mar 2013 19:26:17 +0000 Andy 168116@https://legacy.forums.gravityhelp.com/ <p>I am trying to use this method for converting my checkboxes to images. </p> <p><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>The complication arises from the fact that I need to specify the class "styled" for each individual checkbox in gravity forms.</p> <p>Any ideas on how to achieve this?</p> <p>many thanks </p>