Carnegie Mellon University

CMU Web

A service provided by the University CMS Team

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.

Example of a mixed grid.

Example of a mixed grid. Mixed grids come with background images; choose between plaid or globe.

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

Example of a mixed grid using box type wysiwyg

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

Example of a mixed grid using box type photo

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 a mixed grid using box type event list

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