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.

Styling Forms

  1. lmilesw
    Member

    I would like to rearrange the forms so that for instance I could put a Phone Number field to the right of a Fax Number field as opposed to always having it under or over.

    Posted 15 years ago on Friday October 23, 2009 | Permalink
  2. There is no out of the box way to format the forms in a 2 column arrangement, the styling of the form is done with CSS and can be modified by adding CSS to your themes stylesheet to style the form.

    You can use CSS to style the forms however you like, including having fields appear side by side. This does take CSS knowledge to be able to implement, but you can target any of the form elements using CSS to achieve a variety of layouts.

    Posted 15 years ago on Friday October 23, 2009 | Permalink
  3. There was a similar request on an earlier post.. to float one field inline with the previous field. In this example, it was a drop down select field but the same concept would apply to other fields.

    You'll just need to look at the source code of the page the form is on, get the id's for the fields you want to adjust and do something similar.

    http://forum.gravityhelp.com/topic/data-fields-in-same-row#post-878

    Posted 15 years ago on Friday October 23, 2009 | Permalink
  4. lmilesw
    Member

    After I sent the feature request I noticed the css class field. That will do the trick.

    Posted 15 years ago on Saturday October 24, 2009 | Permalink
  5. I would suggest for future releases to include better documentation with examples of form styling using classes - there is very little "step by step" available for complete newbies...

    For us who understand css it's no problem, but not everyone who purchases gravity forms will have any working knowledge of this. Just a suggestion!

    Posted 15 years ago on Thursday October 29, 2009 | Permalink
  6. Thanks for the suggestion. We do plan on adding some styling tutorials and examples to the blog and documentation in the near future. We realize that not everyone is as skilled with CSS and plan on making more resources available.

    Posted 15 years ago on Thursday October 29, 2009 | Permalink
  7. Did this ever happen? I am interested to watch any tutorials on styling for my forms. Where can I find them? Thanks!!

    Posted 13 years ago on Thursday September 15, 2011 | Permalink