Form width and field spacing settings in Formaloo help you control how your form looks and feels. By adjusting form width, horizontal spacing, and vertical spacing, you can fine-tune your layout so questions appear exactly the way you want. This is especially useful when your form is embedded on a website and needs to match a specific layout or design.
ℹ️ Included in plan: Available in paid plans
What form width and field spacing are and why they matter
Form width and spacing are layout controls that affect the overall structure of your form, not individual fields.
They matter because they help you:
Control how wide your form appears on desktop and embedded views.
Improve readability by adding or reducing space between questions.
Prevent crowded layouts when multiple fields appear in the same row.
Match your form layout to your website or brand design.
These settings work alongside field width, giving you full control over both macro layout and fine spacing details.
💡 Want to control the width of individual fields inside each row? Check how field width works.
How to customize form width step by step
Form width controls the maximum width of the entire form container.
Open your form in the Form editor.
Go to the Design tab.
Under the Layout section, find the Form width slider.
Move the slider to the right to increase the form width.
Move the slider to the left to reduce the form width.
Changes are applied immediately, so you can preview the result as you adjust the slider.
💡 Embedding your form and want it to fit perfectly into your page layout? Learn how to embed a form into your website.
How to customize field spacing
Field spacing controls the distance between fields inside your form. These settings are also located in the Layout section of the Design tab.
Vertical spacing between fields
Adjusts the space between questions stacked on top of each other.
Increasing it makes the form feel more open and breathable.
Decreasing it creates a more compact form.
Horizontal spacing between fields
Adjusts the space between fields that appear on the same row.
Useful when using 1/2 or 1/3 field widths.
Helps prevent fields from feeling cramped side by side.
💡 Pro Tip: Want even deeper control over spacing and layout using code? See the most requested form custom CSS examples.
Form width and field spacing settings in Formaloo give you full control over how your forms are displayed. By adjusting the overall form width and fine-tuning horizontal and vertical spacing, you can create layouts that look clean, professional, and perfectly aligned, especially for embedded forms and complex workflows.
Use cases across industries
📊 NPS and customer feedback reporting
Collect feedback efficiently while keeping surveys short and readable. Compact layouts help users answer rating and profile questions faster before leaving detailed comments.
👉 Use this template for a ready-made solution: NPS Campaign Reporting Dashboard
🐾 Pet boarding intake and check-in
Group owner details and pet information side by side to speed up the intake process and reduce friction during in-person or online check-in.
👉 Use this template for a ready-made solution: Pet Boarding Intake Form
🛠 Service requests and internal workflows
Create compact request forms that capture essential information in fewer rows, making it easier for teams to review and process submissions.
👉 Use this template for a ready-made solution: Service Request Form
🤝 Vendor and application management
Organize applicant details in structured rows so reviewers can scan information quickly and make faster decisions.
👉 Use this template for a ready-made solution: Vendor Application Form
💡 Want your compact forms to feel even faster for returning users? Learn how memory forms auto-fill fields while keeping layout intact
Frequently asked questions about form width and field spacing in Formaloo
What is form width in Formaloo?
Form width controls the maximum width of the entire form container on the page.
Where can I change form width?
You can change it from the Design tab under the Layout section in the form editor.
What does vertical spacing affect?
Vertical spacing changes the distance between questions stacked on top of each other.
What does horizontal spacing affect?
Horizontal spacing changes the distance between fields that appear on the same row.
Do spacing settings affect individual fields?
No. Spacing settings apply globally to the form layout, not to individual fields.
Can I reset spacing to default?
Yes. You can reset spacing to return to Formaloo’s original layout settings.
Does form width affect mobile view?
Form width mainly affects desktop and embedded views. Mobile layouts adapt automatically.
Can I use spacing settings with field width?
Yes. Field width and spacing work together to create clean multi-column layouts.
Are these settings useful for embedded forms?
Yes. They are especially helpful when embedding forms into websites.
Do form width and spacing affect collected data?
No. These settings only change visual layout and do not impact stored data.