Skip to main content

How can I make the layout 2 column?

Learn how to create a two column layout in Formaloo forms by adjusting field widths. Use 1/2, 1/3, and 2/3 options to align fields on the same row.

Updated today

You can create a two column layout in Formaloo forms by adjusting the width of fields. This lets multiple fields appear on the same row instead of stacking vertically.

Step by step

  1. Open your form in the Form Editor.

  2. Click on the field you want to adjust.

  3. Go to the Edit tab.

  4. Find the Section settings for the field.

  5. Set the Field width to one of the available options:

    • Default

    • Full

    • 1/2

    • 1/3

    • 2/3

How field widths work

  • Fields with compatible widths placed next to each other will appear on the same line.

  • If the total width of fields in a row equals one full row, they will align horizontally.

Example

  • Set Field A to 1/3

  • Set Field B to 2/3

These two fields will appear on a single row, creating a two column layout.

Tips

  • Use 1/2 + 1/2 for equal two column layouts.

  • Use 1/3 + 2/3 or 2/3 + 1/3 when one field needs more space.

  • If a field drops to the next line, check that the combined widths do not exceed one full row.

This approach helps you build cleaner, more compact, and more readable forms without using custom CSS.

Did this answer your question?