Multi-Step Forms
Break long forms into guided steps with progress indicators and per-step validation.
Overview
Multi-step forms divide a long form into multiple pages, presenting one section at a time. This reduces cognitive load on respondents, increases completion rates, and allows you to group related questions logically. Each step can have its own title and description.
Creating Steps
Add a Step Section field at the point where you want a page break. All fields between two Step Sections (or between a Step Section and the end of the form) are rendered together on one page. Steps are numbered sequentially in the order they appear in the field array.
Tip: You do not need a Step Section at the very beginning — the first step implicitly starts at field index 0. Only insert Step Sections where you want page breaks.
Navigation & Validation
Respondents navigate between steps using the Previous and Next buttons rendered at the bottom of each step. Clicking Next triggers validation for all fields on the current step only. If any required fields are missing or invalid, the user cannot advance.
The Submit button only appears on the final step. Clicking it validates the entire form one final time before submitting.
Progress Indicator
A step counter (e.g. "Step 2 of 4") and optional progress bar are shown at the top of the form. The progress bar fills proportionally as steps are completed. The step titles from each Step Section field are shown in the progress indicator to help respondents understand the overall structure.
