Customize form field
This guide shows how to easily rearrange, resize, duplicate, hide, or delete fields in your form using drag-and-drop.
In your app dashboard, go to Forms
Either:
Click Create New Form (if you’re starting a new form)
Or select an existing form to edit.
Now you will see the form builder with a live preview of your form.
📝 Step 1: Enter “Edit” Mode (Drag-and-Drop)
In the form builder preview, move your mouse over the form area.
When you hover over the preview, click the Edit icon (usually a pencil or edit symbol) — this activates drag-and-drop mode.
📝 Step 2: Use the Field Toolbar to Modify Fields
Hover over any field inside the preview - a small toolbar appears. The toolbar gives you 5 quick actions:
Move — drag the field to a different row or column.
Change Width — adjust the field width (options: 1/3, 1/2, or full width).
Duplicate — create an exact copy of the field (with all its settings).
Hide — make the field invisible on the form (but keep it saved).
Delete — permanently remove the field from the form.
📝 Step 3: Rearrange Fields (Drag-and-Drop)
Once you’re in edit mode, you can:
Drag any field to a new position — reorder fields, group fields
Place multiple fields in the same row (side-by-side) for a compact layout.
Adjust each field’s width to control how much space it takes (narrow, half-width, full-width) using the toolbar.
📝 Step 4: Finalize and Save
Once you’re happy with your field layout and arrangement:
Click Save
Preview your form in both Desktop and Mobile views
▶️ Tutorial video
Need More Help?
If you still need assistance, please contact us at [email protected]. Our team will be happy to help you resolve any issues or guide you further.
Last updated