Reorder Form Fields

Reposition fields and rows in the Smart Form Builder canvas, then save and preview the updated form sequence.

Field order determines the sequence visitors see as they complete a form. You can reposition fields on the canvas, including fields inside a row. Save and preview the form after rearranging its structure.

Move a field on the canvas

  1. Open the form in the visual editor.
  2. Locate the field you want to move on the canvas.
  3. Use the field’s Drag handle to move it to the intended insertion position. Watch for the insertion indicator before releasing it.
  4. For fields inside a row, place the field in the desired position within that row, or move the row itself when you need to reposition the whole group.
  5. Save the form and preview it to confirm the new order.

Use the field quick actions

When a field is selected, its canvas actions can include Drag, Duplicate, edit, and delete controls. Rows have their own actions. The form’s submit button cannot be deleted through the field delete action, and a row containing the button cannot be deleted through its row delete action.

Check the final sequence

  • Keep related questions together so visitors can follow the form logically.
  • Check the order of fields inside each row as well as the order of rows in the form.
  • Preview the form at different screen sizes after changing the layout.
  • If fields need to sit beside one another, review Set Form Field Widths after arranging them.

Screenshot to add: Form canvas showing the drag handle and insertion indicator while repositioning a field

Back to Fields and Editor Controls