Structure Your Pages

Templates Layout Grids

Templates

Templates provide the underlying structure that defines the structure and flow of your page. Three basic templates are available.

Layout Grids

Add structure to the editable Main Region of your template with layout grids. Do not use tables. Tables are reserved for tabular data and when used should be made accessible. 

Learn how to Build an accessible data table

Each layout grid option allows for: 
•  A divider line above each column. 
•  A shaded background within each column. 
•  A border around the content area in each column. 

The following grid layouts are available in Modern Campus CMS as snippets: 

 

Layout Grid (1 column, 100%)

 


100%

Layout Grid (2 columns, 50% each)

 


50%


50%

Layout Grid (2 columns, 25% and 75%)

 


25%


75%

Layout Grid (2 columns, 75% and 25%)

 


75%


25%

Layout Grid (2 columns, 33% and 66%)

 


33%


66%

Layout Grid (2 columns, 66% and 33%)

 


66%


33%

Layout Grid (3 columns, 33% each)

 


33%


33%


33%

Layout Grid (4 columns, 25% each)

This grid layout has limited use. Only available by request.

 


25%


25%


25%


25%