The form editor

Documentation Index

Fetch the complete documentation index at: https://filla.io/docs/llms.txt

Use this file to discover all available pages before exploring further.

​

Editor layout

The form editor has four main areas: The left sidebar’s two modes share the same panel — the segmented control at the top swaps between the field palette and the AI assistant. Press Cmd/Ctrl+K anywhere in the editor to jump to AI mode and focus the chat input.

​

The canvas

The canvas is your editing surface. Each field and widget appears as a card that you can arrange and configure. 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

A Form style button appears on the left side of the canvas. Click it to open the Form Settings Sidebar where you can configure your form’s theme, colors, fonts, button style, and branding.

​

Collapsing the field palette

The left Fields panel can be hidden when you want more room for the canvas. Click the chevron button at the top-right of the Fields panel (next to the Fields/Widgets tabs) to collapse it. The panel shrinks into a thin rail labeled Fields on the left edge of the screen. Click the chevron on the rail to open it again. You can also press the [ key to toggle the panel open or closed. Filla remembers your choice for next time. On smaller laptop screens (under 1024px wide), the panel starts collapsed so you have more canvas to work with.

​

The field palette

The left panel has two top-level tabs:

• Airtable fields — all fields from your connected table, grouped by category (Text, Numbers, Dates, Choices, Linked records, People, Files & media, Calculated, AI, Synced, Other).
• Content & Layout — widgets you can add to any page: sections, text blocks, images, embeds, signature pads, location capture, comments feed, and (on Thank-you pages) the Submit-again and Download PDF widgets.

Airtable fields are the default tab on open since they’re the primary building block for most forms.

​

Already-placed fields

When an Airtable field is already on a page in the form, the palette shows it as a “placed” row instead of a fresh draggable:

• The row dims slightly and the field name reads in muted text.
• A small · On page N: <Title> meta line shows where it lives.
• Two icon buttons appear on the right of the row:
  • Jump to field (corner-arrow icon) — switches to that page in the editor and selects the field so its settings open in the right panel.
  • Move here (right-arrow icon) — moves the field from its current page onto the page you’re editing. A toast appears with Undo if you change your mind.

The same affordance shows up in the Add Field modal when you open it from the canvas. You can only add each field once per page — placed rows reflect the same fields, just from a different angle.

​

The settings panel

When you click a field in the canvas, the right panel shows that field’s settings. At the top you’ll find the Read-only and Required toggles, always visible without expanding any section. Below that, settings are organized into collapsible accordion sections:

• Label & Content - title, description, placeholder, default value, and field-specific input options
• Show / Hide Rules - conditional visibility (opens in a dialog)
• Lock Field Rules - conditional read-only (opens in a dialog)
• Validation - unique values, custom validation rules, error messages

You can search for any setting using the search bar at the top of the panel. When no field is selected, the right panel shows page-level settings or form-level appearance settings.

​

Status tags

Fields show small color-coded tags in their top-right corner to indicate configuration state at a glance:

​

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 using the real public form runtime. 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. Preview mode supports most public-form interactions, including linked record search, conditional logic, validation, and page navigation. Click the reload button (↺) in the preview toolbar to reset the form and start a fresh preview session. This clears all entered values and reloads the form from scratch, which is useful when testing multi-page flows, linked-record interactions, or conditional logic.

​

Syncing Airtable fields

The editor toolbar includes a Sync fields button that refreshes your Airtable base schema. Click it to pull the latest fields, tables, and field options from Airtable. The button shows a relative timestamp (e.g., “Synced 2m ago”) so you know when the schema was last refreshed. Filla also automatically refreshes the schema when you return to the editor tab after being away for more than 5 minutes.

​

Editor tabs

The top toolbar has five tabs: