Two-Column Flow Considerations

If your org has Lightning runtime enabled, you can control whether a flow displays in one column or two columns. Before you use this feature, understand how the flow layout currently behaves.

Required Editions

View supported editions.

Note Starting in Winter ’23, two-column flow layouts are ignored. For a better layout option, add Section components to your flow screens. Each Section component lets you organize record fields and screen components in up to four adjustable-width columns.

These considerations don’t apply to the Section component in flow screens.

Granularity

The layout setting is applied at the flow level. So you can’t control the layout at the screen or field level. If you set a flow to use two columns, every screen in that flow displays in two columns.

Order of Fields

You can’t manually control which fields go in which columns. If the flow is set to display two columns, the fields alternate in each column. The odd fields (first, third, fifth, and so on) are placed in the left column. The even fields (second, fourth, sixth, and so on) are placed in the right column.

If your users navigate screens with the Tab key, they tab through all the fields in the left column and then all the fields in the right column. You can’t configure the fields to tab left-to-right.

Responsiveness

The flow layout isn’t responsive to the user’s screen dimensions. It uses the same layout whether the user’s screen is 1 inch wide or 20 inches wide.

Tip If users run a flow from a phone or small tablet, don’t apply a two-column layout to the flow.

Compatibility with Section component

For flows that are distributed via Experience Builder, the Lightning App Builder, or the utility bar, each flow screen that contains a Section component ignores the Layout property.

For flows that are distributed via URL, each flow screen that contains a Section component ignores the flowLayout URL parameter.