Who This Is For / When to Use
This article is for users who want to:
Create shorter, more user-friendly forms
Display multiple fields in a single horizontal row
Improve form completion rates
Customize form layout and styling
What the Single Line Layout Does
The Single Line layout:
Displays multiple form fields in a single row
Reduces vertical scrolling
Works best for short forms (name, email, phone, etc.)
Improves visual clarity and usability
Field Limit:
A maximum of five fields can be used in a single line.
Step 1: Open the Form Builder
Navigate to Sites.
Click Forms.
Open an existing form or click Add Form to create a new one.
Result:
You are now inside the Form Builder.
Step 2: Open Form Layout Settings
Click anywhere inside the form.
In the top-right corner, click the Styles / Options (slider) icon.
Result:
Form layout and design settings are displayed.
Step 3: Select the Single Line Layout
Under Layout, locate Layout Type.
Select Single Line.
Result:
Form fields are arranged horizontally in one row.
Step 4: Adjust Field Size and Spacing
Under Layout settings, you can customize:
Field width (in pixels)
Field spacing
Label width
Label alignment
Padding and margins
Result:
Fields fit neatly into a single line based on your design preferences.
Styling Options Available in Single Line Forms
Each form using the Single Line layout supports full styling controls, including:
Background color
Font family and size
Font and label color
Border style (solid, dashed, dotted, none)
Shadows
Padding and spacing
These settings help ensure the form matches your brand design.
Important Usage Notes
Maximum Field Count
Only five fields can be added to a Single Line layout.
Best Use Case
Single Line works best for:
Short lead capture forms
Appointment booking forms
Newsletter signups
For longer forms, use Single Column or Two Column layouts.
Common Issues and Fixes
Fields do not fit on one line
Reduce field width or spacing, or remove extra fields.
Form looks crowded on smaller screens
Single Line is best used on desktop layouts. Test responsiveness before publishing.
Cannot add more fields
The layout enforces a five-field maximum by design.
FAQ
Can I add more than five fields in a Single Line layout?
No. The Single Line layout supports a maximum of five fields to maintain usability.
How do I adjust the width of individual fields?
Open Styles, then adjust the Width value under layout settings.
Can I use Single Line for all forms?
It works best for short forms. For longer forms, use column-based layouts.
Can I customize the design of Single Line forms?
Yes. You can customize colors, fonts, borders, spacing, shadows, and backgrounds.
Can I add a background image to the form?
Yes. Background and header images can be added through the styling options.