Components

Components are a new tool that allow us to create more complex design elements and input the content through a simple form. We are in the process of building out components and will be adding new ones in the future.

Insert a component

  1. Log into OU Campus
  2. Navigate to the file of the page you want to insert the video on
  3. Check out the page by clicking on the light bulb, making it yellow
  4. Select “Edit”
  5. Select the content area in which you want to insert the snippet (“edit main content area,” “edit right column,” “edit left column” etc.)
  6. Place your cursor where you want to place the component
  7. Click the component icon in the toolbar. The icon is a diagram of an atom.
  8. Select the component you would like to insert
  9. Click the blue "Insert" button in the bottom right of the window
  10. Follow the prompts and fill in the necessary information for that component.
  11. Click "Save"
  12. Component will now be inserted onto the page. In edit mode, you will not see the content but a gray box.
  13. To edit the component, click on the gray box, then the edit icon (pencil).

 

Components Available

iFrame Embed

Used to embed third-party content.

Video Embed: Responsive-Accessible

This component is used for embedding videos from YouTube or Vimeo into your OU Campus page.

Photos with Cutlines

Insert a photo with a background and caption.