The Form block in Frontly allows users to submit, edit, and organize information through a clean and fully customizable interface. Whether you're collecting new entries or updating existing records, the form block is a foundational tool for building interactive, data-driven apps.
Like all blocks in Frontly, the form block supports styling and display conditions, giving you control over how it looks and when it appears. Fields can be arranged in a grid or stacked layout, and you can drag and drop fields from the side panel to fine-tune the layout to fit your design needs.
Notable Features
🛠️ Create vs Edit Mode
When adding a Form block, you'll choose whether it's a Create or Edit form:
Create Form: Submits data as a new row in your connected data source.
Edit Form: Pulls existing data using your configured record matching conditions and allows the user to update that specific row.
This flexibility makes it easy to build both input forms and record management tools with the same block.
📁 Grouped Fields
Click the + Add Group button to create logical sections within your form.
Drag fields into groups to help break up longer forms and guide users through related inputs more clearly.
🔄 Multi-Step Forms
Want to create a more guided experience? Toggle on the Is Multi Step Form option.
This allows users to fill out one group at a time — only progressing to the next after submitting the current section.
Perfect for onboarding flows, surveys, or longer submissions where structure and pacing matter.
⚙️ Actions
Form submissions can do more than just add or update data — you can trigger custom action sequences to extend the form's functionality.
Use the Submit Action panel to define what should happen after a form is submitted (e.g. send a webhook, redirect the user, show a notification, etc.).
By default, the form will always add or update a record in your connected data source. You can disable this default behaviour by toggling on "Disable Default Action" — ideal for more custom flows.
If you're triggering the form submission through another block (e.g. a separate button), you can toggle "Hide Submit Button" to remove the default button from the form. In that case, field values can still be referenced using the
{{ form.FieldName }}syntax.
⚠️ The "Hide Submit Button" toggle is an advanced feature and is not recommended for beginners, as it requires you to manage form behaviour entirely through external action triggers.