https://legacy.forums.gravityhelp.com/topic/2-horizontal-drop-down-fields-in-the-same-line Gravity Support Forums Topic: 2 Horizontal drop down fields In the same line en-US Tue, 21 Apr 2026 07:23:42 +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>