How do I change the width of my Form?

Standard and Workflow Forms

The width of the Form can be adjusted by adding CSS to a custom Theme and apply that Theme to your Form. In order to add CSS to a custom Theme go to the form you want to edit > Build >  click the Themes tab (lower-left) and click the “Edit Theme” button to edit an existing theme or click "Create New Theme" to create a new one.

Next, click the “Advanced Code Editor” and then the CSS button and add the code below to adjust the Form width: 

.fsBody .fsForm {width:800px;}

In the example above, the Form was set to 800 pixels wide, however, you may need to play around with the pixels until you get to an appropriate size.

Survey

When using our Survey feature, you'd want to use a slightly different code to ensure optimal appearance on mobile devices and tablets:

.fsBody .fsForm {max-width:800px;} 

 

Was this article helpful?
1 out of 13 found this helpful

Comments

0 comments

Please sign in to leave a comment.