Staggered Border Snippet

Step 1

Log into OU Campus and navigate to the page that you would like to add the snippet to. Check out the page and begin editing it. 

Step 2

Find the spot on the page where you would like to put the snippet. Make sure this is on a new line by itself. 

Step 3

Go to the editor toolbar and select the Snippets icon. Find and click on the Staggered Border Snippet. Then insert it. Note that the preview may look odd. This is okay.

Step 4

A table will be inserted into the page that will have two rows and two columns. 

You can replace the text/images with the content you wish. You can remove the default content and start from scratch. 

The first row does not need to start with an image in the first column. You can start the first column with text and the second column with an image and then alternate from there. It is recommended that you alternate rows.

Note: You can only have ONE image per row. Inserting an image with the text portion will create the borders around the text. 

Step 5

To add a row, right-click on an already existing content block within the table. Go to Row and then Insert Row Before or Insert Row After depending on where you want to put it. DO NOT right click on the configuration row or the title of the table, ONLY on an existing content block.

To remove a row, right-click on the row you want to remove and then go to Row -> Delete Row. The row will be removed.

Note: Changing any properties of the table will NOT be reflected when the page is published. This table is only presented to make the editing the content simple for the user.

Step 6

When you are finished addiing the content that you would like. Save, preview and publish. Before you publish, please be sure to make any notes that you made to the page. Also triple check that everything is spelled correctly and linked correctly. This is important.