{"id":237,"date":"2026-10-17T14:16:40","date_gmt":"2026-10-17T14:16:40","guid":{"rendered":"http:\/\/plugin-docs.com\/?post_type=doc&#038;p=237"},"modified":"2026-10-18T18:09:52","modified_gmt":"2026-10-18T18:09:52","slug":"reorder-form-fields","status":"publish","type":"doc","link":"https:\/\/dragwyb.com\/docs\/reorder-form-fields\/","title":{"rendered":"Reorder Form Fields"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Move a field on the canvas<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the form in the visual editor.<\/li>\n<li>Locate the field you want to move on the canvas.<\/li>\n<li>Use the field&#8217;s <strong>Drag<\/strong> handle to move it to the intended insertion position. Watch for the insertion indicator before releasing it.<\/li>\n<li>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.<\/li>\n<li>Save the form and preview it to confirm the new order.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Use the field quick actions<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When a field is selected, its canvas actions can include <strong>Drag<\/strong>, <strong>Duplicate<\/strong>, edit, and delete controls. Rows have their own actions. The form&#8217;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.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Check the final sequence<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Keep related questions together so visitors can follow the form logically.<\/li>\n<li>Check the order of fields inside each row as well as the order of rows in the form.<\/li>\n<li>Preview the form at different screen sizes after changing the layout.<\/li>\n<li>If fields need to sit beside one another, review <a href=\"https:\/\/dragwyb.com\/docs\/docs\/smart-form-builder\/set-form-field-widths\/\">Set Form Field Widths<\/a> after arranging them.<\/li>\n<\/ul>\n\n\n\n\n<p class=\"wp-block-paragraph\">Screenshot to add: Form canvas showing the drag handle and insertion indicator while repositioning a field<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/dragwyb.com\/docs\/docs\/smart-form-builder\/fields-editor\/\">Back to Fields and Editor Controls<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Reposition fields and rows in the Smart Form Builder canvas, then save and preview the updated form sequence.<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":233,"menu_order":0,"template":"","class_list":["post-237","doc","type-doc","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":1,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/237\/revisions"}],"predecessor-version":[{"id":1137,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/237\/revisions\/1137"}],"up":[{"embeddable":true,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/233"}],"wp:attachment":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/media?parent=237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}