Divider

Free feature

Divider is available to all Fomr users.

The Divider component adds a visual horizontal line to separate sections of your form. It helps organize content, improve readability, and create clear visual breaks between different parts of your form.

When to use Divider

Divider is useful for:

• Separating form sections
• Creating visual breaks between question groups
• Organizing long forms
• Improving form readability
• Indicating topic changes

Tip

Dividers are purely visual. They don’t collect any data and don’t affect form logic.

Adding a Divider component

1. Open your form in the editor

2. Drag the Divider component from the left sidebar onto your form

3. Position it where you want the visual break

Configuration options

The Divider component is simple by design with minimal configuration:

The divider automatically:

• Spans the full width of the form
• Uses styling consistent with your form’s theme
• Provides appropriate spacing above and below

Tips for effective use

Use sparingly. Too many dividers can make a form feel choppy. Use them only where a clear break is needed.

Combine with text. Pair dividers with Text components to introduce new sections.

Consider page breaks instead. For major sections, using multiple pages might be better than dividers.

Maintain consistency. If you use dividers, use them consistently throughout your form.

Think about mobile. Dividers help on mobile where vertical scrolling is common and visual breaks aid navigation.

Divider vs. other organization methods

Method	Best For
Divider	Visual breaks within a page
Text component	Section headers with descriptions
Multiple pages	Major form sections
Spacing	Subtle grouping of related questions

When not to use dividers

• Between every question (too many breaks)
• When questions are closely related
• As a substitute for proper form organization
• When page breaks would be more appropriate

Visual appearance

The divider’s appearance is influenced by your form’s theme:

• Line style matches your form’s design
• Spacing is consistent with your form’s layout settings
• Color complements your form’s color scheme

Accessibility

The Divider component is built with accessibility in mind:

• Uses semantic HTML for visual separation
• Doesn’t interfere with screen reader navigation
• Provides visual organization without disrupting content flow

Handling in responses

Since Divider components are purely visual:

• They don’t appear in form responses
• They’re not included in exports
• They have no impact on data collection