Two-Column Flow Considerations

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.