SPMarketing
Member
Hi, I am designing a form for a shipping company, and the form has two types of information: contact info from the user, and detailed info for the item to be shipped. I would like to separate these into two parts for my form, where the contact info is taken in one column, and the shipping info is taken from a second column. Here's a link to a mock-up image of what I would like to accomplish: http://i654.photobucket.com/albums/uu262/mboehler3/bw-form.jpg
Thank you in advance.
You can do it, but you're going to have to rely on some CSS absolute positioning and/or relative positioning of the fields. There's nothing in the form builder to do this for you.
Are you pretty comfortable with CSS? If so, there is a Gravity Forms Visual CSS Guide that can help you get started with your customizations.
SPMarketing
Member
Thank you for your reply Kevin. I am comfortable with CSS as I work in web development.
So I have started to add some of the elements to my form, and have a few form fields I would like on the left and a few form fields I would like on the right. As I view the source, I assume that I will add the position elements to the
Something like:
#field_1_2 {position:absolute}; #field_1_3 {position:relative};?
Yes, you will target specific fields using their ID as it's a unique identifier for that field.
You can then make global changes by targeting the classes associated with fields.
