SOLVED

Displaying Forms

Go to solution
Highlighted
Level 2

Displaying Forms

I've built a form in the form builder that has several fields in a line next to each other. Yet, when I pull that form into a landing page all of the fields are placed below each other, not as I have built it in the form builder. Is there a best practice for the landing page css to display the form as I have it built? 

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Level 10 - Community Moderator

Re: Displaying Forms

Sure, that will at least resolve the 3-up switching to 1-up (un-floating = 1-up, floating = 3-up).

View solution in original post

7 REPLIES 7
Highlighted
Level 10 - Community Moderator

Re: Displaying Forms

For any question like this you need to provide a URL and visual cues (i.e. screenshots).

It's not possible to answer questions about form styling without real-life information.

Highlighted
Level 2

Re: Displaying Forms

Thanks Sanford. Here is a link to the screen shot of the form that I built in the form builder. 

Awesome Screenshot 

Here is a link to the landing page where the form is displayed. Notice the formatting changes. 

GuideOne Insurance  

Highlighted
Level 10 - Community Moderator

Re: Displaying Forms

For the future, note that screenshots can be pasted directly into the editor. Makes things a lot easier to follow. I going to copy your s/s inline for other people reading:

pastedImage_1.png

Highlighted
Level 10 - Community Moderator

Re: Displaying Forms

What's happening is the 3-up layout in Form Editor is being overridden by other CSS on your page.

For one prominent example, check line #186:

pastedImage_1.png

Highlighted
Level 2

Re: Displaying Forms

Do you suggest I remove that element of the css to fix the issue? 

Highlighted
Level 10 - Community Moderator

Re: Displaying Forms

Sure, that will at least resolve the 3-up switching to 1-up (un-floating = 1-up, floating = 3-up).

View solution in original post

Highlighted
Level 2

Re: Displaying Forms

Thanks Sanford. That appears to have worked.