pandonym Gravity Support Forums User Favorites: Pandonym en-US Mon, 20 Apr 2026 08:25:18 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/classes-for-radio-buttons-and-checkboxes#post-48396 Sun, 05 Feb 2012 19:08:47 +0000 Rob Harrell 48396@https://legacy.forums.gravityhelp.com/ <p>Jon, can you hook me up with a link to your form so I can take a look? </p> https://legacy.forums.gravityhelp.com/topic/classes-for-radio-buttons-and-checkboxes#post-48366 Sat, 04 Feb 2012 21:51:37 +0000 Jon_burke 48366@https://legacy.forums.gravityhelp.com/ <p>Hi Rob, I bought Gravity forms yesterday and am also using the same theme as Pandonym. i also have the same issue but can't buy a developer's license until I get this sorted. Specifically, the isues I have are that the radio buttons, drop box buttons and back and next buttons (only multi page) don't pick upn the styling of the mysitemyway theme. While gravity forms are great and work well, they are ion consistent with the rest of my site. I would like to try the script you provided abovbe but dont know where I would put it - sorry mate I'm a bit of an amatuer.</p> <p>Thanks alot. Jon. </p> https://legacy.forums.gravityhelp.com/topic/classes-for-radio-buttons-and-checkboxes#post-45765 Sat, 07 Jan 2012 08:20:10 +0000 Rob Harrell 45765@https://legacy.forums.gravityhelp.com/ <p>Alright, so it's a bit more than just placing some CSS in. This is also using javascript to help out. It's based off this:</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>I found this by viewing the source of the URL you sent. I was able to get half of this styled just regularly, but like I said, it's dependent on using the scripting above. Are you comfortable trying that out?</p> <p>For the styles I did this:</p> <pre><code>[css] .gravity_radio li { background: url(images/shortcodes/radio.png) no-repeat; } .gravity_checkbox, .gravity_radio li { width: 20px; height: 25px; padding: 0 5px 0 0 !important; background: url(images/shortcodes/checkbox.png) no-repeat; display: inline-block; vertical-align: middle; line-height: 25px !important; } .gravity_radio input[type=&quot;radio&quot;], .gravity_checkbox input[type=&quot;checkbox&quot;] { display: none; }</code></pre> <p>If you place that in you'll see the new background piece, but that's it. The idea is the JavaScript looks for every form element with class="styled" on it; hides the real form element; sticks a span tag with a CSS class on it next to the element; and, finally, mouse events are added to the span that handles the visual stages form inputs go through when they are clicked.</p> <p>So you could end up needing to do some tweaking, but try it out and see if you can get it to work. </p> https://legacy.forums.gravityhelp.com/topic/classes-for-radio-buttons-and-checkboxes#post-45753 Fri, 06 Jan 2012 23:56:59 +0000 Pandonym 45753@https://legacy.forums.gravityhelp.com/ <p>Hi Rob,</p> <p>sure, here is it:<br /> <a href="http://themes.mysitemyway.com/infocus/shortcodes/contact-form/" rel="nofollow">http://themes.mysitemyway.com/infocus/shortcodes/contact-form/</a> </p> https://legacy.forums.gravityhelp.com/topic/classes-for-radio-buttons-and-checkboxes#post-45752 Fri, 06 Jan 2012 23:22:15 +0000 Rob Harrell 45752@https://legacy.forums.gravityhelp.com/ <p>Where can I go to see these radio fields and checkboxes, do you have URL to one of their pages so I can take a look. </p> https://legacy.forums.gravityhelp.com/topic/classes-for-radio-buttons-and-checkboxes#post-45750 Fri, 06 Jan 2012 21:07:19 +0000 Pandonym 45750@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I use the InFocus theme from mysitemyway-com. They implemented a contact form with nice looking radio buttons and checkboxes and I want to use them for the gravity forms.</p> <p>It is confusing for me what classes I should use to style these boxes.</p> <p>When I add ".gform_wrapper .gfield_radio li" to the style section in my theme where their boxes are styled, it breaks my layout like this:<br /> <a href="http://imageshack.us/photo/my-images/706/mycheckboxes.jpg/" rel="nofollow">http://imageshack.us/photo/my-images/706/mycheckboxes.jpg/</a></p> <p>Their checkboxes look like these:<br /> <a href="http://imageshack.us/photo/my-images/577/theircheckboxes.jpg/" rel="nofollow">http://imageshack.us/photo/my-images/577/theircheckboxes.jpg/</a></p> <p>So I copied the radio and checkbox classes and renamed them to ".gravity_radio" and ".gravity_checkbox". Then I defiened a custom css class in the configuration of my form and now it looks like this:<br /> <a href="http://www.pandonym.com/testseite/" rel="nofollow">http://www.pandonym.com/testseite/</a></p> <p>What should I do? </p> https://legacy.forums.gravityhelp.com/topic/automatic-choose-product#post-45404 Tue, 03 Jan 2012 23:44:26 +0000 Rob Harrell 45404@https://legacy.forums.gravityhelp.com/ <p>Glad you got it working! </p> https://legacy.forums.gravityhelp.com/topic/automatic-choose-product#post-45387 Tue, 03 Jan 2012 20:52:18 +0000 Pandonym 45387@https://legacy.forums.gravityhelp.com/ <p>Hi Carl,</p> <p>I solved it on my own :o)</p> <p>I have some forms with checkbox fields. They represent products. When I click on a product I want to go to the form and have the product checked.</p> <p>Here is my solution, I know that it is easy, but to be at this point can be hard :o)</p> <p>At my checkbox field I activated the values and insert some. Then I activated the dynamic population.</p> <p>Now I can go to my URL like this:<br /> <a href="http://www.domain.com/product/?value=1" rel="nofollow">http://www.domain.com/product/?value=1</a><br /> or<br /> <a href="http://www.domain.com/product/?shipping=free" rel="nofollow">http://www.domain.com/product/?shipping=free</a></p> <p>I hope this can help some else who doens't find the solution on his own. </p> https://legacy.forums.gravityhelp.com/topic/automatic-choose-product#post-45095 Wed, 28 Dec 2011 18:35:31 +0000 Carl Hancock 45095@https://legacy.forums.gravityhelp.com/ <p>I'm not 100% sure what you are trying to do. Do you have any examples you can point me to?</p> <p>Is what you want is a single Order Form that consists of multiple products, and then you want to pre-select the correct product based on how you link to that order form? </p> https://legacy.forums.gravityhelp.com/topic/automatic-choose-product#post-45070 Wed, 28 Dec 2011 14:39:46 +0000 Pandonym 45070@https://legacy.forums.gravityhelp.com/ <p>Hi Rob,<br /> thank you for your fast reply.</p> <p>I found this article before, but I just want to "activate" one of the products if a special link is clicked. Is this the correct function for that? </p>