Form Builder
The form builder provides a visual drag-and-drop interface with live preview. Create sections, add fields, configure validation, and reorder elements without writing code.
Creating a Form
Navigate to Forms
Open the Forms resource in your Filament panel and click New Form.
Fill Basic Details
- Name -- The form's display title.
- Slug -- Auto-generated from the name. Used in URLs for public forms.
- Description -- Optional text shown at the top of the form.
Set Visibility
Choose whether the form is public (accessible via URL) or private (admin-only).
Set Availability Dates
Optionally configure start date and end date to control when the form accepts submissions.
Sections
Forms are organized into sections. Each section contains fields and provides visual structure.
Section Properties
| Property | Description |
|---|---|
| Name | Section heading displayed to respondents |
| Description | Optional help text below the heading |
| Type | Visual wrapper style |
Section Types
| Type | Description |
|---|---|
| Section | Card with heading. Default style. |
| Fieldset | HTML <fieldset> with legend. |
| Headless | No visual wrapper. Fields render directly. |
Adding Fields
Click Add Field within a section to open the field type picker. Choose from 25+ field types, then configure:
- Label -- The field name shown to respondents.
- Placeholder -- Hint text inside the input.
- Description -- Help text below the field.
- Width -- Column span within the section.
- Validation Rules -- Constraints applied on submission.
Field Width
Fields use a 12-column grid. Multiple fields sit side-by-side when their combined widths fit within 12 columns.
| Width | Columns | Grid Fraction |
|---|---|---|
| 25% | 3 | 1/4 |
| 33% | 4 | 1/3 |
| 50% | 6 | 1/2 |
| 66% | 8 | 2/3 |
| 75% | 9 | 3/4 |
| 100% | 12 | Full |
FIELD_UI_WIDTH_CONTROL feature flag to be enabled.Validation Rules
Each field type has a set of compatible validation rules. Rules can accept parameters (e.g., min:5, max:100). Around 30 built-in rules are available.
Common rules:
| Rule | Description |
|---|---|
| Required | Field must have a value |
| Must be a valid email address | |
| URL | Must be a valid URL |
| Min | Minimum length or value |
| Max | Maximum length or value |
| Between | Value must fall within a range |
| Regex | Must match a regular expression |
| In | Must be one of the defined options |
| Numeric | Must be a number |
| Integer | Must be a whole number |
Live Preview
The builder shows a real-time preview that updates as you edit. The preview renders the form exactly as respondents will see it, including field widths, section types, and validation indicators.
Form Templates
20 pre-built templates are available, organized by category:
| Category | Examples |
|---|---|
| Business | Invoice, Order Form, Expense Report |
| Lead Generation | Contact Form, Newsletter Signup |
| Feedback | Customer Survey, NPS, Product Review |
| Support | Bug Report, Feature Request, Help Desk |
Apply a template via the template picker in the builder. Templates pre-populate sections and fields that you can further customize.
Post-Submit Actions
Configure what happens after a respondent submits the form. Set this in the form's experience settings.
| Action | Description |
|---|---|
| Show Message | Display a success message on the same page |
| Redirect | Send the respondent to a specified URL |
Form Settings
| Setting | Description |
|---|---|
onePerPerson | Limit to one submission per authenticated user |
maxSubmissions | Global cap on total submissions |
formClosedMessage | Message shown when the form is unavailable (closed, expired, or at capacity) |