Skip to main content

Grid Container

The Grid Container is an advanced component designed to contain other components.

Uses

Grid containers are used exclusively on highly designed pages with the full browser window template.  

They can hold content with an expiry date, such as a promotional campaign, deadline or cyclical reminders, or to showcase timely content:

Screenshot of grid container with a box announcing Marguerite Mendell inducated as member of the Order of Canada

You can set the grid container to be visible during a certain date range, and to be hidden outside the date range.

Grid containers have a major impact on overall page flow, and they require finetuned spacing for desktop and mobile.

For these reasons, AEM editors should contact webcoord@concordia.ca when they wish to move a grid container, remove a grid container or add a new grid container to a page.

Best practices

To move a grid container, or add a new grid container, contact webcoord@concordia.ca.

Don't change anything in the Grid Container Settings tab. Our web designer has taken care to ensure the grid container will look excellent on desktop and mobile. Changing anything in the Settings tab will impact the page flow, as well as the display on desktop and mobile.

Don't delete a grid container. Instead, hide the grid container, then email webcoord@concordia.ca.

To hide a Grid Container because the content's outdated:

  • Open the Grid Container for editing.
  • Click the Active times tab.
  • Set the Start and End days to the day before.
  • Click OK.
  • Preview and refresh the page.
  • Check whether there are any gaps between the grid container and the sections above and below it.
  • If there are gaps, contact webcoord@concordia.ca and ask for a page review.
  • If there are no gaps and everything looks good, activate the page.

To make a hidden Grid Container visible:

  • Open the Grid Container for editing.
  • Click the Active times tab.
  • Set the Start and End days to the desired days.
  • Click OK.
  • Preview and refresh the page.
  • If anything looks wonky, contact webcoord@concordia.ca and ask for a page review.
  • If everything looks good, activate the page.
Back to top

© Concordia University