Layout Container
A Layout Container is used to split part of a page into several columns so that you can place components beside each other. The split areas in the container are independent of each other.
This component is replacing Page- and Row split.
Best practice
Layout: 1-1 columns
Layout: 1-2 columns
Layout: 2-1 columns
Layout: 1-1-1 columns
Note: In examples below, we want to clearly illustrate the different layout options. It is not possible to have a background color in the Layout Container.
Configuration in AEM
1. Choose the layout option that best suits your content.
The component has four different layout options:
- 1-1 columns (default)
- 1-2 columns
- 2-1 columns
- 1-1-1 columns
When you have added the Layout container to the page and chosen a layout option, it's time to fill it with content.
- Click on the column "Drag components here."
- Click on the plus sign (+).
- Choose or search for a suitable component from the list.
