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.
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.
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.
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
After I sent the feature request I noticed the css class field. That will do the trick.
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!
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.
Did this ever happen? I am interested to watch any tutorials on styling for my forms. Where can I find them? Thanks!!
There aren't any tutorials to "watch" but there are some styling resources that you can check out.
http://www.gravityhelp.com/resources/cssguide/css_guide.html
http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples
http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes
http://www.rocketgenius.com/gravity-forms-mad-lib-style-form-demo/
http://www.rocketgenius.com/survery-style-multiple-choice-fields-with-gravity-forms/