Gravity Support Forums Topic: Use CSS ready classes on a group of fields?

Gravity Support Forums Topic: Use CSS ready classes on a group of fields? https://legacy.forums.gravityhelp.com/topic/use-css-ready-classes-on-a-group-of-fields Gravity Support Forums Topic: Use CSS ready classes on a group of fields? en-US Sun, 19 Apr 2026 22:09:49 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php Richard Vav on "Use CSS ready classes on a group of fields?" https://legacy.forums.gravityhelp.com/topic/use-css-ready-classes-on-a-group-of-fields#post-100536 Sun, 09 Dec 2012 15:21:54 +0000 Richard Vav 100536@https://legacy.forums.gravityhelp.com/ If i remember correctly there is a filter for the tabindex but I think it only sets the starting number so I think your only option for changing the tab order would be to use some jquery like so <pre><code>jQuery(document).ready(function() { jQuery("#input_1_2").attr('tabindex','2'); jQuery("#input_1_4").attr('tabindex','3'); jQuery("#input_1_5").attr('tabindex','4'); });</code></pre> houseofgrays on "Use CSS ready classes on a group of fields?" https://legacy.forums.gravityhelp.com/topic/use-css-ready-classes-on-a-group-of-fields#post-100526 Sun, 09 Dec 2012 14:29:36 +0000 houseofgrays 100526@https://legacy.forums.gravityhelp.com/ The only thing I'm wondering is...is there a way to set the tab index so the Message/Paragraph field is tabbed to last, even though it's technically the second field in the form? Richard Vav on "Use CSS ready classes on a group of fields?" https://legacy.forums.gravityhelp.com/topic/use-css-ready-classes-on-a-group-of-fields#post-100524 Sun, 09 Dec 2012 14:15:27 +0000 Richard Vav 100524@https://legacy.forums.gravityhelp.com/ No problem, glad you sorted it houseofgrays on "Use CSS ready classes on a group of fields?" https://legacy.forums.gravityhelp.com/topic/use-css-ready-classes-on-a-group-of-fields#post-100521 Sun, 09 Dec 2012 14:00:29 +0000 houseofgrays 100521@https://legacy.forums.gravityhelp.com/ Whoops, fixed it. Had forgotten to move the field back up in the form editor. Thanks so so so much! houseofgrays on "Use CSS ready classes on a group of fields?" https://legacy.forums.gravityhelp.com/topic/use-css-ready-classes-on-a-group-of-fields#post-100520 Sun, 09 Dec 2012 13:56:54 +0000 houseofgrays 100520@https://legacy.forums.gravityhelp.com/ Yep, this is what I get: <a href="http://kharismastudios.com/contact-test/" rel="nofollow">http://kharismastudios.com/contact-test/</a> Thanks so much for your help so far!! :D Richard Vav on "Use CSS ready classes on a group of fields?" https://legacy.forums.gravityhelp.com/topic/use-css-ready-classes-on-a-group-of-fields#post-100507 Sun, 09 Dec 2012 13:04:29 +0000 Richard Vav 100507@https://legacy.forums.gravityhelp.com/ Could you make the change again so I can see it live and then I can offer advice from there. When I make the changes in the chrome dev panel this is what I see <a href="http://imgur.com/9oehM" rel="nofollow">http://imgur.com/9oehM</a> houseofgrays on "Use CSS ready classes on a group of fields?" https://legacy.forums.gravityhelp.com/topic/use-css-ready-classes-on-a-group-of-fields#post-100506 Sun, 09 Dec 2012 12:57:34 +0000 houseofgrays 100506@https://legacy.forums.gravityhelp.com/ I had tried that first before posting and it created huge gaps in the other fields below and made all the widths different. Any ideas? Richard Vav on "Use CSS ready classes on a group of fields?" https://legacy.forums.gravityhelp.com/topic/use-css-ready-classes-on-a-group-of-fields#post-100505 Sun, 09 Dec 2012 12:49:35 +0000 Richard Vav 100505@https://legacy.forums.gravityhelp.com/ OK so to start you need to move your paragraph text field up above the three text fields you want to appear beside it and give it the css class name gf_right_half next give your other three text fields the css class name gf_left_half Now when you preview your form you should find your layout pretty much matches the old form houseofgrays on "Use CSS ready classes on a group of fields?" https://legacy.forums.gravityhelp.com/topic/use-css-ready-classes-on-a-group-of-fields#post-100494 Sun, 09 Dec 2012 11:39:40 +0000 houseofgrays 100494@https://legacy.forums.gravityhelp.com/ I found a user with a similar issue in the forums, but the solution was communicated by email, so I apologize. And thanks in advance! I'm helping a friend move her (broken/crappy) Contact7 form from here: <a href="http://kharismastudios.com/contact/" rel="nofollow">http://kharismastudios.com/contact/</a> I've got it set up with Gravity Forms here: <a href="http://kharismastudios.com/contact-test/" rel="nofollow">http://kharismastudios.com/contact-test/</a> I just can't figure out how to use the Two Column ready class to put the paragraph text field on the right side. This is the code the original form uses: <div id="composeInputs"> <label>Your Name</label> [text* your-name] <label>Your Email</label> [email* your-email] <label>Subject</label> [text your-subject] </div> <div id="composeTextarea"> Your Message</label> [textarea your-message] </div>