Displaying Forms | Community
Skip to main content
Pete_Jones
Pete_Jones
Level 2
Jun 12, 2019 1:01 PM UTC
Solved

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? 

SanfordWhiteman
SanfordWhitemanAccepted solution
Level 10
Jun 13, 2019 7:38 PM UTC

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


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

View reply

7 replies

SanfordWhiteman
SanfordWhiteman
Level 10
Jun 12, 2019 8:55 PM UTC

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.

Translate
Pete_Jones
Pete_JonesAuthor
Level 2
Jun 13, 2019 12:42 PM UTC

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  

Translate
SanfordWhiteman
SanfordWhiteman
Level 10
Jun 13, 2019 7:03 PM UTC

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:

Translate
Terms & ConditionsAccessibility statement

Loading footer...