You can incorporate more than one field in the same row. This feature helps you structure forms precisely as you wish. 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.
While navigating with your mouse cursor you will notice two lines: one at the start of the field and one at the end. These will help you adjust the field’s size. If you have the label’s placement set to the Left you can also adjust the space between the label and the input box.
Group the fields in a container to resize them quicker. 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.
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.
If you added multiple fields on the same row and they seem too crowded, you can always go to the forms Design section and increase the Form width.