Styling & Themes
Every form comes with a Theme panel where you can adjust its layout, colors, and typography — or apply a preset theme in one click — without touching the fields themselves.
Step 1 — Open the Theme Panel
From the form builder canvas, click the Theme button in the field palette header. A panel slides in from the right with three tabs: Styles, Themes, and Advanced.
Step 2 — Adjust Layout and Colors
The Styles tab covers the basics:
| Section | Controls |
|---|---|
| Layout | Number of columns, input style, field width, spacing, label width, and label alignment |
| Colors & Background | Background color, input background color, background image upload, header image upload |
Note: Layout changes apply to the whole form; individual fields can still override their own width from the field's settings panel.
Step 3 — Apply a Preset Theme
The Themes tab shows a grid of preset theme swatches. Click any swatch to apply it to the whole form instantly — a checkmark marks the currently active theme.
Step 4 — Fine-Tune with Advanced Settings
The Advanced tab breaks typography and borders down by element, each in its own collapsible section:
- Form — border, corner radius, shadow
- Input Field — font, border, shadow, padding
- Label, Short Label, and Placeholder — each with its own color, font family, size, and weight controls
Use this when a preset theme is close but you need to fine-tune one specific element.