Divider

The Divider is a display-only element that visually separates groups of fields in the calculator. It can also show an optional heading above the line, which is useful for breaking long calculators into clear sections such as Dimensions, Materials and Finishing.

Heading (optional)

The Heading is shown as a small bold label above the divider line. Leave it empty to render only the line.

Examples: Dimensions · Material & finish · Personalisation

The heading is translatable per language under the Translations tab of the calculator.

Behaviour in formulas

Dividers are display-only:

• They are never required.

• They are not exposed as variables in formulas or conditional rules.

• They do not appear in line item properties.

Visual styling

The look of all dividers is controlled globally under Step 3: Customize design → Divider:

• Style – solid, dashed or dotted.

• Color – hex color of the line.

• Thickness – 1–8 px.

• Margin top / bottom – 0–64 px of vertical spacing around the line.

Older calculators that used per-field divider styles still work; the values are kept as a fallback when the design tab does not specify them.

Layout

A divider always spans the full width of the form, even inside multi-column rows. Place dividers between rows of fields rather than next to other fields on the same row.

💡 Tip:Use dividers together with Rich Text blocks to introduce a section: a divider with a short heading, immediately followed by a Rich Text explanation, then the actual input fields. This makes long calculators much easier to scan.