{"id":1905,"date":"2022-07-25T16:52:57","date_gmt":"2012-08-22T11:10:59","guid":{"rendered":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/?p=1905"},"modified":"2025-02-05T12:21:48","modified_gmt":"2025-02-05T12:21:48","slug":"multiple-fields-on-the-same-row","status":"publish","type":"post","link":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/multiple-fields-on-the-same-row\/","title":{"rendered":"How to Set Multiple Fields on the Same Row in 123FormBuilder"},"content":{"rendered":"\n

You can incorporate more than one field in the same row using our form builder<\/a>. This feature helps you structure forms precisely as you wish. <\/p>\n\n\n\n

Click and hold the mouse button over a field, drag it to the end of the row, and release the mouse button when you see a blue line.<\/p>\n\n\n\n

<\/div>\n\n\n\n
<\/div>\n\n\n\n

When you select a field, you will notice that the field has two grab handles: one at the beginning of the field, and one at the end. These will help you adjust the field\u2019s size. If you have the label\u2019s placement set to Left<\/b> in the Design<\/b> settings, you can also adjust the space between the label and the input box.<\/p>\n\n\n\n

<\/div>\n\n\n\n
<\/div>\n\n\n\n

You can group two or more fields into a container to resize them quickly. Add two fields to the first row. Now drag the third field below the first field and drop it when the blue line highlights only the first field. Hover over the sides of the fields to see the container’s grab handle, which will allow you to resize all the fields that you grouped. You can also resize individual fields inside the container, but you cannot make a field larger than the container width.<\/p>\n\n\n\n

To remove fields from the same container, drag a field below another until the blue line crosses the entire width of the form. Now you can resize only that field alone, without influencing the fields next to it.<\/p>\n\n\n\n

<\/div>\n\n\n\n
<\/div>\n\n\n\n

If you added multiple fields on the same row and they seem too crowded, you can always go to the forms Design<\/b> \u2192 Layout<\/b> \u2192 Form<\/b> section and increase the Form width<\/b>.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Form<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

\n\n\n\n

Related articles<\/b><\/p>\n\n\n\n