emory-background

Developer Notes

  • 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.

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.