Positioning your fields correctly is essential when you’re designing your forms to match your website structure. There are times you want to keep two or more fields on the same line. Other times, fields will need their own lines. Luckily, Jotform provides different functions to manipulate form field positions.
First, what happens when you shrink a field? This option reduces the field’s width to its bare minimum. That means the field won’t span across the entire width of the form. For example, below is an image showing the normal and shrunk fields.
To shrink a field, please proceed with the following steps:
- In the Form Builder, click the element’s gear icon to open the Properties panel.
- Go to the Advanced tab.
- Scroll down and toggle Shrink to “On”.
Repeat the same steps on another field. You’d notice the shrunk fields would align themselves on the same line for as long as the form’s width allows it.
What if you want to move a shrunk field to the next line? You can achieve that by switching the Move to a new line option to “On”.
That’s about everything when it comes to positioning your fields for better design. Did you find this article helpful? Please comment below if you have had any issues applying the positioning techniques.