Carnegie Mellon University

CMU Web

A service provided by the University CMS Team

CMU Web  ›  How to Use the CMS  ›  Build Your Site  ›  Work with Pages  ›  Content  ›  Grids  ›  Mixed Grid

Mixed Grid

Put something different in each box! Each box may be a WYSIWYG, a photo with text overlay, a link list or an event list.

Examples

Example of a mixed grid with all four content types.

A mixed grid utilizing all four content options.

Configure the Mixed Grid

  1. Using a grid, for Type select Mixed
  2. Select the Number of Columns to display
  3. Complete the settings for Heading, Grid ID, Style and Background Image (optional)
  4. Select a Box Type and follow the steps below for the type selected
  5. Click + to add another box, repeat step 4-5
Configuring a mixed grid in the user interface.

Mixed grid settings in the page edit interface.

WYSIWYG

Close up of WYSIWYG part of mixed grid.

An open content area for text, images, media and more.

  1. Add a Section ID (optional) if you want to link directly to this section of the page
  2. Add content to the WYSIWYG

Photo

A close up of the photo on a mixed grid.

Photo with text overlay and link options.

  1. Add a Section ID (optional) if you want to link directly to this section of the page
  2. Continue with instructions for configuring the photo grid starting with Step 4. Add photos

Event List

Example of events on a mixed grid.

A list of events.

  1. Add a Section ID (optional) if you want to link directly to this section of the page
  2. Add a Heading (optional)
  3. Continue with instructions for the sidebar event list