- Section Containers is a custom page structure component created to manage the layout of the website.
- Component resides inside EH Page Structure tab in the Toolbox by the name Section Container.
- Component has no data-source item.
- This component is used to define the page structure. It is a typical structure component that adds a wrapper for other renderings.
- All the components on a page should be added inside Section Container meaning it is the outer-most wrapper.
- It is recommended to keep the section containers to occupy the entire width of the main placeholder, do not change the grid settings.
- A few examples of the component are shown with different settings displayed HERE.
- Section Container has a few Paint Bucket options:
- Default - maximum width 1280px on large screen
- Large - maximum width 1460 on large screen
- Extra Large - maximum width 1800 on large screen
- Background color paint options can be applied to Section Container.

Developer Notes
Content Author Notes
Requirements
Section Container:
- The Section Container is a container that allows the CA to select a styled
container via paint bucket that is best suited to achieve a certain background style.
- Section Container color options:
- White (Default)
- Grey #F4F4F4
- Grey-White
- 1/3 White Grey
- 2/3 White Grey
- White Left
- White Left can be used with other options to create the white split
effect. With this option, the grey background stops at the container width
instead of full width.