Spacer Element

How to Add a Spacer to Your Views
Learn how to use the Spacer element to add vertical whitespace between elements on your page.

• What you'll learn:
  • What the Spacer element does and when to use it
  • How to add a Spacer element to a view
  • How to configure Spacer height

What is a Spacer element?

The Spacer element is a static element you can add to any view to create vertical whitespace between other elements. Use it to visually separate sections, improve readability, or fine-tune the layout of your page without needing to adjust surrounding elements.

Note: Spacer is a static element, meaning it doesn't display dynamic data from your tables. It's a layout tool, similar to Rich Text or Page Break.

Adding a Spacer Element

1. Open the page where you want to add the spacer in the Builder.
2. Click the + icon in the section where you want the spacer to appear.
3. In the Add an Element panel, scroll to Static Elements.
4. Select Spacer.

The element is added to your page as a Spacer block.

Configuring Spacer Settings

Click the Spacer element to open its settings panel on the right.

Dimensions

• Height: Sets the amount of vertical space the Spacer adds to your page, in pixels. The default height is 24px.

Tip: Use smaller heights (8–16px) for subtle spacing between related elements, and larger heights (32px or more) to create clear visual separation between distinct sections.

Common Use Cases

• Separating sections: Add breathing room between a form and the content below it.
• Improving readability: Break up dense pages so users can scan content more easily.