Side by Side Form Field Positioning

October 22, 2025

When a field is shrunk, its width is reduced to the minimum possible size. This means the field no longer spans the full width of the form. The example below illustrates the difference between a regular and a shrunk field.

unshrunk form fields

You can position fields side by side by shrinking them with just a few steps. Here’s how:

  1. In Form Builder, select the element you want to shrink and click on Gear icon.
  2. Then, in the Properties window that opens on the right side of the page, under the Advanced tab, scroll down and toggle Shrink to On.
Enabling Shrink in the Advanced tab of the Short Text Properties in Form Builder

Repeat the same process for another field. The shrunk fields will automatically align on the same line, depending on the available form width.

shrunk form fields

If you want a shrunk field to appear on a new line, toggle Move to a New Line to On.

Enabling Move to a New Line in the Advanced tab of the Short Text Properties in Form Builder

All done! Shrinking fields is a simple way to organize form layouts and create a clean, well-structured design.

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Podo Comment Be the first to comment.
Still have unanswered questions?

We’re here for you 24/7, anytime you need us day or night. Have a question or need a hand with something? Our team is always ready to help out.