Formtoro
Themes & styles

Reusable styles

Named, reusable bundles of look-and-feel you apply to many elements at once.

A Style is a named, reusable bundle of look-and-feel you can apply to many elements of the same kind. Edit the Style once and every element using it updates — like a shared CSS class, but visual.

You manage Styles in the Style section at the top of an element's inspector. An element with no Style shows Theme default.

Create a Style from an element

  1. Select an element and style it the way you want.
  2. In the Style section, choose Create new Style from this element….
  3. Give it a name (e.g. "Hero headline") and save.

The element is now bound to that Style, which captures its current look.

Reuse it

  • Apply to one element — select another element of the same kind and pick the Style from the dropdown.
  • Apply to all of a kind — choose Match these styles on all to bring every same-kind element on the form onto this element's styling in one go.

Edit once, update everywhere

Tweaks you make to a styled element stay on that element — they don't change the shared Style until you say so. The Style section counts your changes and shows an Update available badge:

  • Update this Style commits your tweaks into the Style — every element using it updates instantly.
  • Create new Style from this element splits your tweaks into a separate new Style instead.
  • Reset all discards the tweaks and returns the element to the Style as defined.

This lets one element deviate slightly without affecting its siblings — and lets you promote a good deviation to the standard when you're ready.

Manage Styles

The manage menu in the Style section offers Rename, Duplicate, and Delete. Deleting a Style keeps each element's current look — the styling is preserved on the elements themselves, so nothing visually breaks. If the Style is still used in other places, Formtoro blocks the delete and lists exactly where it's used so you can unbind those first.

Next steps

Themes

Apply, switch, edit, and manage the design system behind a whole form.

Logic engine

Branch between steps, recognize returning visitors, redirect, or block a submission — with rules you can test before anyone sees them.

On this page

Create a Style from an elementReuse itEdit once, update everywhereManage StylesNext steps