PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Form Layout

  1. 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: http://www.ise.ufl.edu/facultyformtest/2012/02/02/travel-initiation/ without having one lone line of questions.

    Posted 12 years ago on Thursday February 9, 2012 | Permalink
  2. 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.

    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:

    http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes

    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.

    We have documentation on how to properly target and style form elements here:

    http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

    Any custom CSS you need to apply would go in your themes stylesheet.

    Posted 12 years ago on Thursday February 9, 2012 | Permalink

This topic has been resolved and has been closed to new replies.