https://legacy.forums.gravityhelp.com/topic/form-layout-2 Gravity Support Forums Topic: Form Layout en-US Sun, 19 Apr 2026 19:54:07 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-layout-2#post-48874 Thu, 09 Feb 2012 16:33:57 +0000 Carl Hancock 48874@https://legacy.forums.gravityhelp.com/ <p>I'm assuming you are referring to some of the field layout in that form where fields are displayed side by side, etc. By default Gravity Forms lists fields vertically, with the exception being some Advanced Fields which contain multiple inputs. In order to customize the position and layout of the fields it is done using CSS.</p> <p>Gravity Forms contains a library of pre-built CSS Ready Classes which can be used to do things like position fields side by side, position checkbox and radio button options horizontally, etc. You can find documentation on these CSS Ready Classes here:</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes</a></p> <p>If you want to do something that the CSS Ready Classes do not provide for then you would have to implement it yourself using CSS you write. Gravity Forms are output using standard HTML so you can target, position and style them however you like using CSS.</p> <p>We have documentation on how to properly target and style form elements here:</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a></p> <p>Any custom CSS you need to apply would go in your themes stylesheet. </p> https://legacy.forums.gravityhelp.com/topic/form-layout-2#post-48861 Thu, 09 Feb 2012 15:34:25 +0000 UFlorida Mark 48861@https://legacy.forums.gravityhelp.com/ <p>How do I get a form layout to be less linear an more spread out and flexible. I am trying to mimmick the Airfare/Hotel/Registration expenses and payment method shown here: <a href="http://www.ise.ufl.edu/facultyformtest/2012/02/02/travel-initiation/" rel="nofollow">http://www.ise.ufl.edu/facultyformtest/2012/02/02/travel-initiation/</a> without having one lone line of questions. </p>