Column layouts
-
- UpdatedFeb 27, 2024
- 10 minutes to read
- Washington DC
- Building applications
Column layouts are used to design and organize UI Builder pages.
This video shows you how to perform the following procedure.
Column layouts enable you to create useful and visually appealing pages in an experience. A column layout is a type of flexible container that can hold components. Column layouts are simple layouts that are preconfigured, enabling you to design an efficient and attractive page quickly. It's useful to define and set the structure of the page with column layouts before adding components.
Column layouts can have columns of equal or different widths.
You can configure the column layout as a whole and the individual columns within the layout. For example, set a different border width and color for a column layout and for the individual columns within the layout.
Add a column layout
Add a column layout in UI Builder to build structure and organize components on an experience page.
Before you begin
Role required: ui_builder_admin
Procedure
Configure column layouts
Configure column layouts in UI Builder to add the appropriate number of columns and the look you want on an experience page.
Before you begin
Role required: ui_builder_admin
Procedure
Set gap between components in columns
In UI Builder, if a column contains multiple components, set the gap between the components.
Before you begin
Role required: ui_builder_admin
Procedure
Set advanced column layout options
Set advanced column layout options in UI Builder including stack width and column layout height.
Before you begin
Role required: ui_builder_admin
Procedure