adspiramus Gravity Support Forums User Favorites: adspiramus en-US Mon, 20 Apr 2026 07:06:52 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/2-horizontal-drop-down-fields-in-the-same-line#post-24128 Tue, 26 Apr 2011 09:42:17 +0000 Mattos 24128@https://legacy.forums.gravityhelp.com/ <p>Great stuff, thanks guys, seems like things are even easier now with the css classes. All working now, cheers! </p> https://legacy.forums.gravityhelp.com/topic/2-horizontal-drop-down-fields-in-the-same-line#post-24125 Tue, 26 Apr 2011 09:17:21 +0000 Kevin Flahaut 24125@https://legacy.forums.gravityhelp.com/ <p>@Mattos, @isuk is correct. You can use the built-in CSS Ready Classes for this. I did check your form and for those to work properly, you'll need to remove the rule you added on line 1073 of your style.css file. Also, there is a rule on line 354 that adds a 17px margin porperty which will prevent the Ready Class from working properly. You can remove that property or will have to override it with another rule for list items contained in the gform_wrapper class.</p> <p>test screenshot: <a href="http://grab.by/9YbF" rel="nofollow">http://grab.by/9YbF</a> </p> https://legacy.forums.gravityhelp.com/topic/2-horizontal-drop-down-fields-in-the-same-line#post-24124 Tue, 26 Apr 2011 07:16:27 +0000 isuk 24124@https://legacy.forums.gravityhelp.com/ <p>Mattos, I assume you are using v1.5.x.x of Gravity Forms? In this case you don't need any user defined css classes to do what you want.</p> <p>Just add gf_left_half to the CSS Class Name field in the advanced tab for the first date selector field and gf_right_half to the second field that should belong to the same line.</p> <p>More examples can be found in the documentation: <a href="http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes</a> </p> https://legacy.forums.gravityhelp.com/topic/2-horizontal-drop-down-fields-in-the-same-line#post-24119 Tue, 26 Apr 2011 06:19:01 +0000 Mattos 24119@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin, I'm trying to get two fields to line up on the same line too, but seems that I'm missing something - could you take a quick look at my form - <a href="http://www.summerhouse-cornwall.com/newsite/?page_id=395" rel="nofollow">http://www.summerhouse-cornwall.com/newsite/?page_id=395</a></p> <p>I've added #gform_wrapper_1 #field_1_8, #gform_wrapper_1 #field_1_11 {float:left; display: inline; margin-right:10px!important; border: 1px solid #333;}</p> <p>to my theme stylesheet, you can see the two fields I want to line next to each other as I have temporarily added a border to them. Hope you can show me what I'm missing.</p> <p>Thanks. </p> https://legacy.forums.gravityhelp.com/topic/2-horizontal-drop-down-fields-in-the-same-line#post-5448 Fri, 14 May 2010 08:11:37 +0000 Kevin Flahaut 5448@https://legacy.forums.gravityhelp.com/ <p>Yep. You can easily do this with a little CSS. You simply float the first containing &lt; li&gt; and then the second field should align next to it horizontally.</p> <p><a href="http://forum.gravityhelp.com/topic/data-fields-in-same-row#post-878" rel="nofollow">http://forum.gravityhelp.com/topic/data-fields-in-same-row#post-878</a> </p> https://legacy.forums.gravityhelp.com/topic/2-horizontal-drop-down-fields-in-the-same-line#post-5445 Fri, 14 May 2010 07:01:38 +0000 pikasostar 5445@https://legacy.forums.gravityhelp.com/ <p>2 HORIZONTAL DROP DOWN FIELDS IN THE SAME LINE .Is this possible with GRAVITYFORMS</p> <p>Checkout the screenshot<br /> <a href="http://imgur.com/Xosc2.png" rel="nofollow">http://imgur.com/Xosc2.png</a> </p> 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>