department menu

Using Snippets for Page Layout

Implement mobile-friendly page layout by using Snippets.

Layouts and Snippet Video

How to use the Layout Snippets:

  1. Go to the page you would like to edit. 
  2. Edit your page by clicking Main Content
  3. Click where you would like to add in layouting. Hit the Enter key to have a nice blank area to work in.
  4. Click the Snippet icon in the toolbar at the top of the page.
  5. In the pop-up, click the selection you want to add.
    • Layout Options are:
      • 2 columns - Even: a 50/50 split of your page
      • 2 columns - Large Left: a 70/30 split
      • 2 columns - Large Right: a 30/70 split
      • 3 columns - three equally sized columns
  6. Click Insert
  7. A table will appear on your page. Paste or type in the content you want to add to the white “content here” cells. Leave all of the other cells alone.
    1. Here is an example of what a table may look like:
      layout example
  8. When your content is ready, click the Save icon to preview it. Your page will dynamically alter your content and put it into the desired layout you created.
  • Here is an example of how the above table transforms onto a page:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac ultrices orci. Suspendisse potenti. Nulla lobortis faucibus pulvinar. In hac habitasse platea dictumst. Sed sodales ligula vel arcu sodales, nec facilisis leo aliquet. Vestibulum eget porttitor purus. Vestibulum ullamcorper sit amet risus consectetur consequat. Integer ut porta lectus. Vestibulum sed varius odio, in vehicula justo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent vitae velit id nisl gravida suscipit. Aenean non felis sit amet ipsum ornare suscipit varius ac ligula. Ut placerat, felis pulvinar commodo porta, justo diam ultrices enim, sed varius ante libero quis quam. Etiam cursus tellus id gravida venenatis.

How many layout snippets can I use?

You can add as many as you would like.

I want  to add a lot of layout Snippets - is there a faster way to add to my page?

Many user prefer the drag-and-drop option from the Gadgets area at the top, right of OU Campus. Click Snippets to get a drop down of the options and drag and drop them to where you want on the page.

Can I add other snippets or tables into the layout snippet?

Yes, you can nest any content inside of a layout snippet including Youtube embeds, Wufoo forms, test, images, or tables. Please do not use snippets within snippets excessively as your page may not render correctly in certain use cases.