Editor layout
The form editor has four main areas:
| Area | Location | Purpose |
|---|
| Field palette | Left sidebar | Add fields and widgets to your form |
| Canvas | Center | Drag, arrange, and preview your form layout |
| Settings panel | Right sidebar | Configure the selected field, widget, or page |
| Editor toolbar | Top bar | Switch tabs (Editor, Automations, Share, Responses, Analytics), preview |
The canvas
The canvas shows a live preview of your form. Each field and widget appears as a card. You can:
- Drag fields up and down using the grip handle on the left
- Click any field to open its settings in the right panel
- Delete a field using the trash icon on its drag handle
- Drop new fields from the palette between existing rows
The canvas updates in real time as you change settings. What you see in the editor is what respondents see.
The field palette
The left panel shows all the fields from your connected Airtable table, grouped by category:
- Text
- Numbers
- Dates
- Choices
- Linked records
- People
- Files and media
- Calculated
- AI
- Synced
- Other
Below the fields, there’s a Content and Layout section with widgets you can add to any page: sections, text blocks, images, embeds, signature pads, and location capture.
Fields already on the current page appear grayed out with a “Field already added” label. You can only add each field once per page.
The settings panel
When you click a field in the canvas, the right panel shows that field’s settings:
- Label and description
- Required toggle
- Field-specific options (placeholder, default value, validation)
- Show/hide conditions
- Conditional read-only rules
When no field is selected, the right panel shows page-level settings or form-level appearance settings.
Fields show small color-coded tags in their top-right corner to indicate configuration state at a glance:
| Tag | Color | Meaning |
|---|
| Not configured | Amber | Widget needs setup (e.g., signature without a mapped field) |
| Locked | Slate | Field is read-only |
| Conditional lock | Slate | Field is conditionally read-only |
| Conditional | Blue | Field has show/hide rules |
| No duplicates | Teal | Duplicate rejection is on |
| Custom validation | Orange | Custom validation rules are active |
| Randomized | Violet | Options are randomized for each respondent |
Multi-column layouts
You can arrange fields side by side using a column/row grid system. Drag a field next to another field on the same row to place them in columns. This is useful for short fields like first name and last name that make sense next to each other.
Preview mode
Click the Preview button in the toolbar (or press Cmd/Ctrl+P) to test your form as a respondent would see it. You can switch between device widths:
- Desktop (1280px)
- Tablet (768px)
- Mobile (375px)
Use the record selector in preview mode to load an existing Airtable record and test edit mode behavior. Select “New response” to preview a blank form. The form loads up to 100 records from the connected table for previewing.
Editor tabs
The top toolbar has five tabs:
| Tab | What it shows |
|---|
| Editor | The canvas, field palette, and settings panel |
| Automations | On-submit automations (emails, webhooks, field updates) |
| Share | Sharing and distribution panel with link, QR code, embed, and pre-fill options |
| Responses | Submission history table |
| Analytics | Form views, completions, and trend charts |
