See you at MCN 2026! Book a meeting

Components1 min read

Adding a Separator

Who this is for:FreeBasicProOrganization

A Separator is a rule you place between pieces of content — a heading and the paragraph under it, or two groups inside a card. It does not hold visitor data. You will add one and name it so the layers list stays readable.

Open the view

You are in the View Editor. The grid is the screen visitors will see. Click a cell's Add component control to open the menu. Nothing you place is permanent — you can move it, restyle it, or delete it later.

The view editor with an empty grid.
Open the view you want to divide.

Choose Separator

In the add menu, Separator is under Basic Components. Click it to place the component on the cell you opened.

The Add component popover with Separator under Basic Components.
Choose Separator under Basic Components.

The component is on the grid

The rule appears on the grid. Stretch it across the width you want to divide. Thickness, color, and a patterned edge are style settings, not content settings.

A Separator on the grid.
The rule is on the grid.

Name the separator

Select the component and open Edit content from the toolbar. In Details, Component Title is the name you see in the layers list. Give it something you will recognize, such as Label rule. Visible hides the rule without deleting it when you are trying a layout.

The Edit panel for a Separator.
Name it in Details so you can find it in Layers.

The rule is in place. A patterned border is a style on top of this, not a different component.

Be the first to build your own Zibit.