How To Customize Side by Side Fields?

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?

1. Improves Form Readability – Grouping related fields in one row helps users fill out forms faster.

2. Optimizes Space Usage – Keeps forms compact and prevents unnecessary scrolling.

3. 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.