Skip to main content

Configure the Double-Column Breakpoint for Forms

Learn how to configure the double-column breakpoint and minimum container width for forms, including when custom fields display in one or two columns.

Formulayt allows admins to control when fields can be displayed in a two-column layout based on the available container width.

The Minimum Container Width for Two-Column Layouts setting determines the minimum width required before custom fields can be displayed in two columns.

The default value is 400 pixels.

How the Double-Column Breakpoint Works

The setting defines the minimum container width at which a form can use a two-column layout.

For example, with the setting configured to 400:

  • If the form container is 400 pixels or wider, custom fields can be displayed in two columns.

  • If the form container is less than 400 pixels wide, the fields are displayed in a single column.

This allows the form layout to adapt to the available space rather than using a fixed screen or device size.

Setting the Breakpoint to 0

Setting the value to 0 means that two-column layouts are always allowed, regardless of the container width.

This may be useful where you want to maintain a two-column layout in smaller containers, but you should consider how this affects the available space for individual fields.

Changing the Setting

Admins can change the double-column breakpoint in the account settings.

  1. Go to Setup > Settings > Forms

  2. Enter the required value in pixels

  3. Click Update

The setting applies to forms using a two-column layout and controls when custom fields can display in two columns based on the width of their container.

Did this answer your question?