Forms play a crucial role in collecting user information efficiently. In Commoninja, you can easily arrange form fields side by side using the Field Size settings. This feature allows you to control the width of each input field and align them within the same row based on their selected sizes.
Why Use Side-by-Side Fields?
-
Improves Form Readability – Grouping related fields in one row helps users fill out forms faster.
-
Optimizes Space Usage – Keeps forms compact and prevents unnecessary scrolling.
-
Enhances User Experience – A well-structured form feels more intuitive to users.
How Field Size Affects Layout
The Field Size setting determines how much space a form field occupies within a row. The available options are:
- Full (100%) – The field takes up the entire row.
- 1/2 (50%) – Two fields with this setting will appear in the same row.
- 1/3 (33.33%) – Three fields can fit in one row.
- 1/4 (25%) – Four fields can fit in one row.
By adjusting these sizes, you can structure the field within the form.
Examples of Side-by-Side Fields
Example : Two Fields in One Row
If you set both the Email and Phone fields to 1/2, they will be displayed side by side in the same row.
Email :
Then Phone :
The same applies to 1/3 and 1/4 sizes—fields will automatically align based on their selected width, ensuring an organized form layout.