https://legacy.forums.gravityhelp.com/topic/data-fields-in-same-row Gravity Support Forums Topic: Data fields in same row en-US Mon, 20 Apr 2026 00:50:52 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/data-fields-in-same-row#post-4241 Thu, 25 Mar 2010 09:48:21 +0000 DannyH 4241@https://legacy.forums.gravityhelp.com/ <p>Awesome, that worked a treat!</p> <p>Thanks Kevin!</p> <p>Also this plugin is simply amazing, great work. </p> https://legacy.forums.gravityhelp.com/topic/data-fields-in-same-row#post-4240 Thu, 25 Mar 2010 09:36:46 +0000 Kevin Flahaut 4240@https://legacy.forums.gravityhelp.com/ <p>Hey Danny,</p> <p>I grabbed your form markup and spent a couple of minutes making some CSS tweaks to get you started. Basically, you float some of the &lt; li&gt; elements (the ones you want on the left) and then you'll see that I set a height value on the upper list items so you didn't get a "jagged float" with different sized elements hanging on each other.</p> <p>I had to reset the input/select width percentages on this form so everything would look like your example image.</p> <p>Here's the CSS.. you can append it to the bottom of your theme style sheet.</p> <pre><code>#gform_wrapper_2.gform_wrapper .top_label input.medium, #gform_wrapper_2.gform_wrapper .top_label select.medium {width:90%;} #gform_wrapper_2.gform_wrapper .top_label #field_2_30 input.medium, #gform_wrapper_2.gform_wrapper .top_label #field_2_30 select.medium {width:45%!important;} #field_2_3, #field_2_5, #field_2_6, #field_2_8, #field_2_24, #field_2_28, #field_2_31, #field_2_33, #field_2_35 {float:left;} #field_2_3, #field_2_4, #field_2_5, #field_2_10, #field_2_6, #field_2_7, #field_2_8, #field_2_9, #field_2_24, #field_2_26, #field_2_28, #field_2_39, #field_2_31, #field_2_32, #field_2_33, #field_2_34, #field_2_35, #field_2_36 {width:50%;} #field_2_3, #field_2_4, #field_2_5, #field_2_10, #field_2_6, #field_2_7, #field_2_8, #field_2_9, #field_2_24, #field_2_26, #field_2_28, #field_2_29, #field_2_31, #field_2_32, #field_2_30 {height:75px;}</code></pre> <p>And here's <a href="http://dl.dropbox.com/u/688846/gravityhelp/inglorious.html" rel="nofollow">my test page</a>. It worked fine in several browsers I checked but you may need to tweak it here and there. </p> https://legacy.forums.gravityhelp.com/topic/data-fields-in-same-row#post-4237 Wed, 24 Mar 2010 23:24:34 +0000 DannyH 4237@https://legacy.forums.gravityhelp.com/ <p>HI,</p> <p>I would like something similar and was wondering if you had time Kevin you could help me out too?</p> <p>Here is the link to the form:<br /> <a href="http://www.war-inglorious.eu/application-form/" rel="nofollow">http://www.war-inglorious.eu/application-form/</a></p> <p>Here is a link to an image showing what fields I want next to each other.<br /> <a href="http://img94.imageshack.us/img94/3126/applicationj.jpg" rel="nofollow">http://img94.imageshack.us/img94/3126/applicationj.jpg</a></p> <p>Any help would be appreciated!</p> <p>Thanks<br /> Danny </p> https://legacy.forums.gravityhelp.com/topic/data-fields-in-same-row#post-3739 Wed, 03 Mar 2010 18:28:47 +0000 Kevin Flahaut 3739@https://legacy.forums.gravityhelp.com/ <p>Great. That's what we like to hear. Thanks for the update. </p> https://legacy.forums.gravityhelp.com/topic/data-fields-in-same-row#post-3738 Wed, 03 Mar 2010 18:10:21 +0000 christian231 3738@https://legacy.forums.gravityhelp.com/ <p>Thanks, that works great. I'll duplicate that and replace the field numbers for the others that I want to line up. </p> https://legacy.forums.gravityhelp.com/topic/data-fields-in-same-row#post-3735 Wed, 03 Mar 2010 17:00:46 +0000 Kevin Flahaut 3735@https://legacy.forums.gravityhelp.com/ <p>Christian, thanks for the note. I'm really glad your loving the forms.</p> <p>You can try adding this to the bottom of your theme style sheet.</p> <p><code>#gform_wrapper_3 #field_3_6, #gform_wrapper_3 #field_3_7 {float:left; margin-right:10px!important; }</code></p> <p>You'll also want to go into the form editor and change the field sizes to "large" for those fields (maybe "medium" for the third one) for it to look right with the new CSS rules.</p> <p>You can see my <a href="http://grab.by/2OjL" rel="nofollow">test screenshot</a> for the result.</p> <p>I hope that helps. Let us know if you need anything else. </p> https://legacy.forums.gravityhelp.com/topic/data-fields-in-same-row#post-3733 Wed, 03 Mar 2010 16:50:08 +0000 christian231 3733@https://legacy.forums.gravityhelp.com/ <p>Thanks Kevin. By the way, these forms kick ass. I've been using Cforms forever now, and I like gravity forms so much more. </p> https://legacy.forums.gravityhelp.com/topic/data-fields-in-same-row#post-3732 Wed, 03 Mar 2010 16:45:52 +0000 Kevin Flahaut 3732@https://legacy.forums.gravityhelp.com/ <p>Christian,</p> <p>You can try adding this to the bottom of your theme style sheet.</p> <p><code>#gform_wrapper_3 #field_3_6, #gform_wrapper_3 #field_3_7 {float:left; margin-right:10px!important; }</code></p> <p>You'll also want to go into the form editor and change the field sizes to "large" for those fields for it to look right with the new CSS rules.</p> <p>You can see my <a href="http://grab.by/2OjL" rel="nofollow">test screenshot</a> for the result.</p> <p>I hope that helps. </p> https://legacy.forums.gravityhelp.com/topic/data-fields-in-same-row#post-3730 Wed, 03 Mar 2010 16:25:02 +0000 christian231 3730@https://legacy.forums.gravityhelp.com/ <p>Sorry to bump an old thread, but I'm trying to do this as well, but when i put the code into my style.css page for the site theme it's not working. I found the correct li#field numbers but I must be doing something wrong. </p> <p>Here's the form. <a href="http://www.worthingtonfleet.com/credit-applications" rel="nofollow">http://www.worthingtonfleet.com/credit-applications</a></p> <p>I'd like to get Social Security Number, Drivers LIcense &amp; Time @ Residence all on the same line if possible. Thanks.</p> <p>Christian </p> https://legacy.forums.gravityhelp.com/topic/data-fields-in-same-row#post-883 Tue, 13 Oct 2009 12:05:11 +0000 ckinvest88 883@https://legacy.forums.gravityhelp.com/ <p>Thanks for your reply. </p>