Place related fields side by side — first and last name, city and postal code, or a row of quick yes/no switches. A row can hold two or three equal-width columns, and each column can stack several components.
Creating columns
Section titled “Creating columns”-
Open your form in the editor
-
Drag any question or content block toward the left or right edge of another component — you can even drop it in the empty space beside the form
-
Hold for a moment until the side-by-side preview appears, then drop
Both components now share a row. You can also drag a component onto its own side to make room for a second column and fill it later.
Adding a third column
Section titled “Adding a third column”Drag a component into the gap between two columns and hold for a moment. The row previews the three-column arrangement before you drop. Three columns is the maximum.
When the last component leaves a column of a three-column row, the row automatically tightens back to two columns.
Rearranging columns
Section titled “Rearranging columns”Everything stays draggable inside a row:
- Reorder within a column — drag a component up or down its column.
- Move between columns — drag it sideways into the neighboring column.
- Move out of the row — pull the component firmly past the row’s edge until it breaks free, then drop it anywhere on the page.
When the last component leaves a row, the row disappears and the form returns to full width.
Column alignment
Section titled “Column alignment”Select the row itself (click its border) to act on the whole row: duplicate it, hide it, delete it, or set its vertical alignment — top, middle, or bottom. Alignment applies to every column together, which keeps short fields lined up neatly beside taller neighbors.
On small screens
Section titled “On small screens”On narrow screens and phones, columns stack on top of each other so nothing gets cramped — with one exception: rows made entirely of compact fields (short answer, number, switch, checkbox, image, text, divider, and slider) keep their columns side by side as long as they genuinely fit.
The editor shows exactly what respondents will see: shrink the form width in Design and themes and the canvas stacks or keeps columns just like the published form.
