Skip to Content

CMS Training

Grid

The grid is a full-page element organized as a three-column structure and cannot be used with callouts. Grid items can not only be used to link to pages within the section, but also can open an image gallery in a lightbox, or play a video in a lightbox. 

Pro Tip

Adding Rows

To add additional rows to the snippet, place the cursor inside the snippet table and select Row->Insert Row After or Row->Insert Row Before.  To delete rows, place the cursor inside the snippet table and select  Row->Delete Row.

Watch the Video (15:12) and review the accompanying instructions.

  • Grid 1

    1. Access the Main editable region. Click the Gadget icon and open the Snippets gadget. Select the Content option (A) from the dropdown. Double-click on Image Grid (B) to insert it.

  • Grid 2

    2. For each of the grid items, update the grid image. First, delete the placeholder image. Click on the Insert/Edit Image tool (C), Browse (D), and navigate to a grid image already uploaded to OU Campus. Click Insert (E).

  • Grid 3

    3. Provide a Description (F) for the image, and click OK (G).

  • Grid 4

    4. For each of the grid items, update the Title (H) and Description (I). To link to a page within the section, highlight the Link placeholder text (J) (the remaining text can be deleted) in the Link or Asset column, click on Insert/Edit Link (K), Browse (L), navigate to the page, select it, click Insert, then OK.

  • Grid 5

    5. To turn the item into a gallery lightbox, place the cursor in the Link or Asset column for the respective snippet row, delete the placeholder text, and click on the Insert Asset tool (M). In the Select Asset window, select Image Gallery (N) from the drop-down, select the image gallery asset from the list, and click Insert.

  • Grid 6

    6. To turn the item into a video lightbox, place the cursor in the Video Link column (O) of the respective snippet row, highlight the Link placeholder text (P) (the remaining text can be deleted), click on Insert/Edit Link (Q), and paste the video streaming link into the URL box (R).

  • Grid 7

    7. Save the changes and preview the grid page.

  •  

     

CMS Training


    Challenge the conventional. Create the exceptional. No Limits.

    ©