Working with Blocks
1
Insert Blocks
Click a block in the catalog to append it to the end of the current page, or drag it directly to a specific position on the canvas.
2
Reorder
Hover over any block on the canvas to reveal its drag handle (the grip icon). Click, hold, and drag to reposition it.
3
Cross-Page Movement
You can drag a block from one page and drop it into the canvas area of a completely different page.
Mastering Pagination
A form always begins as a single page (Step 1). For extensive data collection, splitting the form across multiple pages drastically improves completion rates.
1
Append a Page
Scroll to the bottom of your canvas and click the Add Page button.
2
Configure Page Metadata
Click the gear icon on the new page’s header. Here, you can define a custom Title (which appears in the progress stepper) and select an Icon.
3
Reorganize Pages
Once you have multiple pages, you can reorder them by dragging the page header’s grip handle.
Capacity Limits: By default, forms are limited to a maximum of 10 pages to ensure optimal frontend performance. This limit can be overridden by your developers in
config/filament-flex-forms.php.Configuring the Progress Stepper
When utilizing multiple pages, you must configure how progress is communicated to the respondent. Navigate to Form Settings → General to select a Stepper Style:Logic & Structural Integrity
Does reordering pages break my Logic Rules?
Does reordering pages break my Logic Rules?
No. The Flex Forms Logic Engine references pages via stable, internal cryptographic IDs—not their sequential position. You can safely drag Page 4 to become Page 2 without breaking your “Jump to Page” rules.
What happens if I delete a page targeted by a Logic Rule?
What happens if I delete a page targeted by a Logic Rule?
The Logic Board acts defensively. If it detects a missing target, it flags the broken rule with a warning (“This page was deleted — pick another page”) preventing you from publishing a broken flow.