Build Multi-Column Screens in Flow Builder (Pilot)
You can divide each flow screen into multiple sections and columns to create a visually
appealing and effective layout—without touching a single line of code. In Flow Builder, use the
new Section component to easily arrange screen components into multiple columns. The
multi-column screen layout is responsive, so columns stack vertically to fit on mobile
phones.
Where: This change applies to Lightning Experience and Salesforce Classic in
Essentials, Professional, Enterprise, Performance, Unlimited, and Developer editions.
Multi-column screens are supported only in Lightning flow runtime.
How: As you edit a screen in Flow Builder, drag the Section component onto the screen canvas. In the Section component’s attributes, add columns and set their widths. Then drag other screen components into the columns on the screen canvas.
In this screen example, a section contains three columns of equal widths.
At run time, the screen from the previous example looks as follows.
Here’s how the same screen appears on a mobile phone.