OU Campus Tutorial

OU Campus is the Content Management System (CMS) that CSU utilizes for providing users with the ability to update their website. You can log in and edit from your computer's web browser without installing any additional software. Please look over this tutorial for help while using the system.

Important Notes

  • Internet Explorer version 11 is not supported.  Please use Google Chrome, Mozilla Firefox, or Safari.
  • In order for text to be displayed in Bold, you will need to use the style Content Bold from the style drop-down list, as described in the Style section below.
  • Images and documents must be uploaded by Web Support, so please email them to us at websupport@csu.edu.  Once uploaded, the images and documents will be available for you to add to your pages.

Please Choose a Topic From the List

Training Videos

Back to Top

Log In

  1. Navigate to the page you want to edit in your web browser.
  1. Click on the Copyright symbol (©) at the very bottom of the page.

  1. Enter your login information. (If you do not have your login information, please contact Web Support at x2949).

Back to Top

Navigation

Once logged in to the system, do the following to access pages:

  • Navigate through the folder structure from the Content tab and then Pages (shown below). You only have access to pages and folders that appear as an underlined link.

You will see the following icons near the top of the screen.

When the icons are in the middle, you are viewing the page list on the left side and the currently selected page's preview on the right side. Press the left arrow to collapse the page to only show the currently selected page's preview. Press the right arrow to collapse the page to only show the page list.

Back to Top

Checking In/Out a Page for Editing

The page you want to edit must be checked out before you can edit it. The process is that you will check out a page in order to edit it and check in the page when finished. Note: Another way to check out the page is to click Edit, because clicking Edit automatically checks out the page.

While viewing the list of pages in the Content → Pages tab, you can check out the page by either clicking on the lightbulb icon or clicking on the file name.

Checked In

Checked Out

You will have the below option to check out the page if you have the page preview navigation screen open. Press Check Out or Edit.

Back to Top

Editing a Page

  1. If you are currently looking at a preview of the webpage you want to edit, you may see this toolbar at the top of the screen. Press the Edit button.

If you clicked on the file name from the OU Campus File Browser, you should then see the below option. Press the Edit button. You will also see this if you clicked edit from the toolbar in the previous picture.

You will now be directed to the Editor where you can make changes to the page.

Note: The Editor currently does not support Internet Explorer version 11.  Please use Google Chrome, Mozilla Firefox, or Safari if you have this version of Internet Explorer installed.

Back to Top

Inserting an Image

Note: Images must be uploaded by Web Support, so please email them to us at websupport@csu.edu.  Once uploaded, the images will be available for you to add to your pages.

  1. Click on the Insert/Edit Image icon:
  2. Click the Browse icon next to the Image URL box.
  3. Navigate to and click on the desired image.
  4. Click Select File.
  5. You are required to enter an image description in the box. The title field is optional and can be left blank.  The title will appear when the user hovers the mouse over the image.
  6. Click Insert.

Back to Top

Inserting a Link to a Page or Document

Note: Documents must be uploaded by Web Support, so please email them to us at websupport@csu.edu.  Once uploaded, the documents will be available for you to add to your pages.

  1. Type the text you want to become a link and then select the text as in the below example.

  1. Click the Insert/Edit Link button on the toolbar to open the linking options.

The Target box lets you decide how the link will be opened. You should select Open in This Window/Frame when you are linking to another page inside the CSU website. You should select the option Open in New Window (_blank) when you are linking to a webpage that is outside the CSU website or if you are linking to a PDF document. Text that you enter into the Title box will appear when you hover the mouse over the link.

  1. Click the browse icon next to the Link URL box. Select the file for the webpage that you want to link to. Click Select.
  1. Click Insert.

Back to Top

Creating an Anchor Link in a Page

  1. Click Insert/Edit Anchor. Insert/Edit Anchor
  2. Add a name for your anchor and click Insert. 
    Anchor name
  3. Highlight the text you want to become a link and click Insert/Edit Link. Insert/Edit Link
  4. Select your anchor name from the Anchors drop down list.
    Anchors drop down list

Back to Top

Applying Available Styles to Text

The font styles that are available to you can be found in the Styles drop down box, shown in the below picture. The options are Heading, Subheading, Content, and Content Bold.

To apply a style, you can select the text before selecting the style. If you do not have any text selected before you select a style, you will start using the selected style from that point on.

Important Notes on Styles

  • You should make sure that only one style is selected at a time. You can tell if multiple styles are selected because you will see dots next to each style that is currently active. Click on a selected style from the drop down menu again to deactivate it.
  • If the text is not appearing at the correct size or font, you should select the text, click the Remove Formatting button from the toolbar, and then reapply the style.

Back to Top

Publishing/Approving Your Page

There is a two step process for publishing a page. The page editor (also known as a Contributor), will enter any new content on the page or create a new page. When the updates have been finished, the Contributor will send a message to the Publisher asking for the page to be approved and published. The Publisher will then look over the changes to the page and will decide whether or not to publish the page. If the Publisher declines to publish the page, they will be prompted to send the Contributor a message stating why the page can not be published.

Editor

  1. When you have finished editing your page, you will click Save on the toolbar.
  1. If you have finished making your current updates to the page, you will need to send a message to your publisher stating that the page is ready to be published. Click Send for Approval, as shown in the picture.

  1. You will then see the below picture which lets you enter information for a message to your Publisher. Your Publisher should be listed in the To box, and you can fill out the Subject and Message fields. You would probably want to state what changes you made to the page. If the Send external email box is checked, your Publisher will receive an email in their CSU email stating that this request is waiting for them. Click Send. (Note: You will not be able to make any additional edits to the page until your Publisher either approves or declines to publish the page.)

  1. You should receive a message stating that the message was sent successfully.

Approver

  1. Now, the Publisher will have the request in their inbox stating that this page is waiting to be published. The message will be in the user's Workflow, as shown below.

  1. Open the message and click on View Page, shown below, in order to review the page that has been sent to you in order to be published.

  1. After reviewing the page, if you choose to publish the page, you will click on Publish Now, shown below. The other option is to Decline & Keep. If you select Decline & Keep, you will be prompted to send a message back to the Contributor, and you can then state why the page was not published.

  1. If you clicked Publish Now in the previous step, you will see the box shown below. Click Publish.

  1. You should receive the following message indicating that the page has been published successfully.

Back to Top

 Creating a New Page

  1. While browsing the folder that you want a new page created in, select the New button, circled red in the picture below.

  1. Select the type of page you will create, most likely Inner 2 Column as seen in the above picture.
  1. You can enter a title for the page. The title you enter will appear on the web browser tab at the top of the page. Enter a file name for the page, making sure that the extension remains .pcf. Click Create.

  1. You have created an empty page and now you will need to edit the page in order to add content.

Back to Top

The Toolbar

When you edit a page, you will see this toolbar.

Save
The Save icon allows the user to save the changes that have been made to the page.

Save As
The Save As icon allows the user to save the page with a new name, essentially creating a copy of the page. Note: The page must be saved with the extension .pcf.

Revert Content to Last Saved
This option will undo all changes and revert the content in the editable region to its original state.

Restore Auto-Saved Content
This option will restore the content to its last auto-saved point. You can use this option if you appear to have lost content from the browser closing or quitting unexpectedly.

Cut/Copy/Paste
The Cut/Copy/Paste buttons will only work in Internet Explorer. On other web browsers, you will have to use keyboard shortcuts(CTRL+X, Ctrl+C, Ctrl+V for Windows and CMD+X, CMD+C, CMD+V for Mac)

There are two possible paste options. Standard "Paste" will paste all basic formatting including styles, colors, and links. "Paste as Plain Text" pastes in only plain text, removing all other formatting.

Find and Find/Replace
Allow you to search the text on the current page and replace that text with new text.

Undo and Redo
Undo the last change in this session or Redo the changes that were just undone.

Toggle Spell Checker
Lets you check the spelling on the page.

Remove Formatting
Removes all formatting for the selected text. If you are adding a style to text and it does not appear as you expect, it is best to remove the formatting and then try to reapply the style.

Italic
Apply Italics to the selected text.

Bulleted and Numbered Lists
Start a bulleted or numbered list. You can also select text first for the text to become a list.

Indent
Allows indentation of text, either to the right or left.

Alignment
Allows you to align text. Your options are Left, Center, Right, and Full.

Insert/Edit Link
Select the text that you want to become a link and then press this button.

Create or Modify Mailto Link
Select the text that you want to become a Mailto Link and then press this button.

Unlink
If you have text selected that is a link, this button will remove the link.

Insert/Edit Anchor
Anchors let you navigate to other sections of the page through links. Place the cursor at the area you want to become an anchor. Then, you can press this button and give the anchor a name. Once there is an anchor on the page, you can create a link through the Insert/Edit Link button and select the anchor as the destination.

Help
This option will give you further explanation on the Toolbar buttons.

Style Selection Box
You will use this selection box to apply a style to selected text or start using a style at the location of the cursor. Only one style at a time should have an arrow next to it in the list. Remove the extra style selection by selecting the style from the dropdown list that you want to remove.

Insert/Edit Image
Lets you insert or edit an image.

Insert Line Break
Press this button when you want the text moved to the next line.

Insert Special Character
Brings up a box with many characters that you can choose from to insert on the page.

Show/Hide Guidelines/Invisible Elements
Toggles your view of the outlines of tables and anchor locations on the page. These are only seen in the editor and not on the published page.

Insert/Edit Table and Table Options
Place your cursor at the desired location and then click on this button to create a table. There are also buttons for Table Row Properties, Table Cell Properties, Insert Row Before, Insert Row After, Delete Row, Insert Column Before, Insert Column After, Remove Column, Split Merged Table Cells, and Merge Table Cells. You will use these buttons for editing tables.

Back to Top