I am trying to use this method for converting my checkboxes to images.
http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/
The complication arises from the fact that I need to specify the class "styled" for each individual checkbox in gravity forms.
Any ideas on how to achieve this?
many thanks
On the advanced tab for your checkboxes, can you add the Custom CSS Class or "styled"?
yes it should be applied to each element like this:
<input type="checkbox" name="a" class="styled" />
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..
You best solution at this point is to add that class to all checkbox inputs using jQuery.
There are other solutions out there as well, including Uniform.js:
http://uniformjs.com/
I implemented that on some elements on one form recently:
http://gravity.chrishajer.com/job-application/
Maybe that script would be easier to add, if you're just looking to modernize the look of the form elements?
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.
