Forms
Browse Forms tours: Quick Overview, Validation, and Multi-Step.
Forms
Browse Forms tours: Quick Overview, Validation, and Multi-Step.
Forms guides
Section titled “Forms guides”Start here
Quick Overview
Get a quick overview of Forms: what it is, where to find it, and how it fits in your workflow.
Validation
Validate forms with good UX: required fields, feedback states, and clear error messages for users.
Multi-Step
Build multi-step forms: split inputs into steps, add navigation, and validate before moving forward.
Multi-Column
Design multi-column forms with Bootstrap grids: align fields cleanly, keep validation readable, and stay responsive.
Field patterns
Text, email, and contact fields
Use the Demo Projects HQ client form to choose plain text-style fields that match names, email addresses, phone numbers, and short supporting details.
Select fields and relationships
Use the Demo Projects HQ task form to separate simple status choices from relationship fields that point at live project and contact records.
Numbers, dates, and richer inputs
Use the Demo Projects HQ task form to see where number fields, scheduling inputs, and richer widgets each belong in a practical form.
Submission flow
Form to Server Action handoff
Use the Demo Projects HQ task form to connect page fields, the Server Connect form action, and the success/error states that come back after submit.
Login redirects and error states
Use the Demo Projects HQ login form to see how one submit flow can redirect on success, stay put on failure, and still keep the user oriented.
Submit Feedback and Spinner
Prevent double-submits and uncertain waits by disabling the submit action, showing progress, and surfacing the result clearly.
Confirmation Before Submit
A practical guide to confirmation dialogs for consequential form submissions, with validation-first flow and clear post-submit feedback.
Delete with Confirmation
Design destructive actions so users understand the consequence, confirm deliberately, and still get clear feedback after the delete runs.
Check Record Before Insert
Use uniqueness checks to guide users before insert, while still keeping the final guarantee on the server where duplicate data is actually prevented.
Protect Forms with reCAPTCHA
Use reCAPTCHA where abuse risk justifies it, and combine it with real validation and server-side verification instead of treating it as a silver bullet.
Go to