Field Placement « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

afineartprint
Member

Hello,

I attempted to located something similar to the question I have with no luck thus the new post.

Is there no way to place more than one field per line? If the page the form is being placed on has enough room to allow for this why can I not drag a second field to the same line. For instance email address and phone number.

This would allow for a much more efficient use of page space no?

Again I am not a developer so there might be a logical reason that I have no clue about.

Thank you,
Derek

Posted 14 years ago on Tuesday March 23, 2010 | Permalink
Chris Hajer
Key Master

Kevin posted something about that earlier:
http://forum.gravityhelp.com/topic/data-fields-in-same-row#post-878

Basically you use CSS to arrange where you want the fields displayed in your form. I don't believe it's possible with drag and drop in the back end.

Posted 14 years ago on Tuesday March 23, 2010 | Permalink
Carl Hancock
Administrator

It's not currently possible using the form builder. It can only be done via CSS manipulation.

Posted 14 years ago on Tuesday March 23, 2010 | Permalink
afineartprint
Member

time to learn CSS I guess!

Sadly a developers brain I don't have.....

thanks for the quick replies though!

Posted 14 years ago on Tuesday March 23, 2010 | Permalink
Kevin Flahaut
Administrator

If you would like to post a link to your form and indicate what fields you're trying to reposition, we would be happy to point you in the right direction.

Posted 14 years ago on Tuesday March 23, 2010 | Permalink
benclowney
Member

Hi
I'm also having a few problems trying to position fields on the same line. Are you able to point me in the right direction?

The form is on this page - http://whatsyourpromise.org.uk/promises

I'd like name and email on one line, and town and postcode on another

Thanks very much

Posted 14 years ago on Sunday June 20, 2010 | Permalink
Kevin Flahaut
Administrator
@benclowney - try appending the CSS below to your style.css file
```
#field_1_5, #field_1_8 {float:left}
#field_1_5, #field_1_6, #field_1_7, #field_1_8  {width:48%;}
#input_1_5, #input_1_6, #input_1_7, #input_1_8 {width:85%}
```
It worked well in my test. screenshot
Posted 14 years ago on Monday June 21, 2010 | Permalink
benclowney
Member

Hi Kevin

Thanks so much. That worked perfectly.

Cheers Ben

Posted 14 years ago on Monday June 21, 2010 | Permalink