Skip Navigation

LITS Help

Basic OmniUpdate

These are the basic features to which most users of OmniUpdate have access.

Get to OUCampus

Before you read these instructions, make sure that:

  • You can log on to OUCampus, also called the CMS. - This can be a problem if you cannot log into the CMS and you need to make changes. If this is the case, contact Help Desk, and they will send your request to the proper administrators.
  • The page you want to work with is in the CMS. - Not all parts of Brockport's website is currently in the CMS, and therefore, the page you want to edit may still be updated using Dreamweaver. If you want your site to be on the CMS and it is not currently there, contact Help Desk, and they will send your request to the proper administrators.
  • That you have permissions to the site you want to edit. - If you have a login to the CMS, it doesn't mean you can edit every page that is in the CMS. If you can log in to OUCampus, you have a small set of websites that you can update. If the site you want to change is not one of those sites, it will give you errors when you attempt to make changes. If you do need permissions for a site, contact Help Desk, and they will send your request to the proper administrators.

If you have all of the above, then you can get to OUCampus by going to the page that you want to edit and then scroll to the bottom where you should see something similar to this:

Click “Last Updated”, and it should bring you to the login page. If this doesn't work for some reason, then you can enter in the address bar of your browser: https://www.omniupdate.com/oucampus/login.jsp?user=brockport&blog=&id=&site=

Note: This is not the recommended way to access the CMS, you should always try to find the link on the page first, then resort to this last.

Typical Internet Explorer Address Bar


Typical Firefox Address Bar



Either way, it will bring you to the login page, which should look similar to this:

Then login with your Brockport NetID and password.

If it denies access, make sure that you have typed in the correct NetID and password, also make sure that you do not have CapsLock on.
If it still denies you access, please either call Help Desk at x5151 or submit a ticket

Back to Top

Get to OUCampus Online Manual

Enter in the address bar of your browser:
http://support.omniupdate.com/documentation/ox/10/interface/

The address bar should look similar to those in Get to OUCampus if there is any confusion.
When you get to the page, you should see something similar to this:

From there, click one of the links on the right-hand side of the page to access the topic that you want to know about.

Back to Top

Overview of OUCampus Editor Screen

Here is what a typical OUCampus editor screen will look like when you are editing a page:

Below is a zoom of the toolbar that you will be using for most of your editing functions:

From left to right we have:

  • Save Options (first 3 buttons),
  • Restore to Autosave,
  • Cut and paste functions (next 5 buttons),
  • Find and Find & Replace (next 2 buttons),
  • Spell Check,
  • Bold and Italics,
  • Lists (next 2 buttons,
  • Alignment formatting (next 3 buttons),
  • Linking (next 4 buttons),
  • and Help

And under that are:

  • Text formatting,
  • Font styles,
  • Insert Image,
  • and HTML access

Most of these functions are examined in more detail in other sections

Back to Top

How to Check Out a Page and Open Editor

In order to edit a page, you first have to check out the page. A typical screen, if you click the “Last Updated” link to check out the page looks like this:

The page you clicked the link from will appear in the box on the righthand side. Then there are the other two areas on the page: The lefthand side is the current folder. This shows which pages are available (white bulb), checked out to you (yellow bulb), and checked out to other users (red lock):

The top toolbar has the options to check out and edit things about the site, most of which are be covered in greater detail in other sections:

This is the area that you will use to check out the site that you want to edit.\ You can do this by either clicking the green “Check Out” button, or, by pushing the “edit” button on the lefthand side.
It is better practice to push the edit button unless you need to make changes to the properties or revert the page to a previous version.
If you DO push the Check Out button, then the toolbar should then look like this:

As you see, this has a lot more buttons to edit the page, but still, you would push the “edit” button to access the page.
Once you click the edit button, one way or the other, the page should fill up the screen. Then, find the green “edit” button on the page and click it, as seen below:

At this point, the WYSIWYG editor screen should show up. Please see other sections for more details.

Back to Top

How to Revert to Last Saved Version

If you made some changes and you or the site editor doesn't want those changes to be implemented, you can revert to a previous version of the site.
To do this, you must click the “Check Out” button as described in Checking Out a File. This should then give you a toolbar similar to this:

Once you get there, click the “revert” button in the second row on the lefthand side of the toolbar.
It should bring you to a page similar to this:

Here, you can see the notes that the last editor added about their changes, as well as who changed it, a preview of those changes, and the ability to revert to any of these saved versions.
To revert, click the number corresponding to the change you want to roll back to, and it will bring up a popup box to make sure you want to roll back the page:

That's it! The page should be sent for approval to the site administrator, and if they allow the rollback, the page should be at a previous state.

Back to Top

How to Save Changes to a Page

If you made the changes you wanted, and you are ready to either publish the page or send it to be approved, you have to save the updates first.
On the top lefthand side of the editor toolbar you will see buttons that look like this:

The button on the left is the one you will use the most; it is a save and stop editing button. It will save the changes you have made, and then return to the main screen with 3 sections.
The button on the right is one you will rarely use, if at all; it is a “Save as” button. When you click that, you will see this popup appear:

Here, you would put the new location and name for the site. For example, the page used here is /cmc/honors.pcf. If I wanted it to be in the counseling center site under the name lambda.pcf, I would put in the box: ”/cc/lambda.pcf”. Assuming you have permissions to do so, the page with the changes you have made will be saved in that location.
Once you do one of the above, the page is now saved, and ready to be published or be sent for approval.

Back to Top

Renaming Pages

WARNING: If other pages on the Brockport site and/or off-campus web sites link to the page you want to rename, those links will be broken when you rename the page.

If you are maintaining a particular website, and one of the page names doesn't make sense, or it has to be updated for some reason, then you will have to go to the full directory view of the site in OUCampus, which looks like this:

The little button that looks like a b and an a together is the one you will push to rename. This will then bring up a popup box that looks like this:

It will appear right next to the button. It is as easy as typing in the new name for the file, and clicking “Rename”. At that point, the file will show up under the new name. Note: Make sure to use the same file extension. For example if the original file is called original.pcf, the new file name should also end with the .pcf extension.

Back to Top

Deleting Pages

WARNING: If other pages on the Brockport site and/or off-campus web sites link to the page you want to delete, those links will be broken when you delete the page.

If you are maintaining a particular site, and a page has either been replaced or is no longer needed, then you will go to the directory view of OUCampus, as seen below:

As you may notice, there are different buttons for individual files and for directories. If you click the delete button for a file, it will show up like the top picture, while a folder will show up like the one on the bottom:


If you are absolutely sure that you no longer need this page or folder, and you have permission, click “OK”. If you accidentally clicked this button, then feel free to push Cancel, it will return you to the full view with no consequence. It is critical that you make sure that this page will not be needed or all of the information can be found somewhere else.

Back to Top

Restoring Pages

If it so happens that you deleted a page by accident, then you can usually restore the deleted page fairly easily, as long as you still have permissions to the folder that you deleted it from. From the main directory view, you will see this in the upper righthand side of the view:

Once you push that button, another directory view should appear, that has a list of all of the files deleted sorted by name, along with the original date deleted, the original path, and the NetID of the individual who deleted it. If you have permission to restore the file, you will see the recycle icon under the Restore column, and a trash bin under the Delete column. If you want to get rid of a file for good (which is not recommended unless you are an administrator) click the trash bin, but if you want to restore it, click the recycle icon. All of these can be seen below:

Once you're done with the permanent deletion or restoration, just push the “Exit Recycle Bin” button in the upper righthand side, and you will be returned to the directory view

Back to Top

Changing Text Size in a Web Page

This is a fairly easy process compared to most in the CMS. In the WYSIWYG editor screen, you will see a drop-down menu on the lefthand side that looks like this:

When you push the dropdown menu, you will be presented with a few different options, similar to those below:

From here select the font size and style that you want, and then you can type in the editor with that new size. Just for reference, the option called “Paragraph” is used for normal-sized text (it should be the default option), “Heading 2” is typically used for page subheadings, and “Heading 1” (the largest size) is what is normally automatically put at the top of each page.
You can always highlight text and change the font size the same way.

Back to Top

Adding Links to Text and Images

This will be going over the recommended way of adding links through the WYSIWYG editor. There may be other ways of doing it, and you definitely can through HTML editing, but this way is the safest. First, select whatever text you want to add the link to and push the link button as seen below (in red):

Once you click this, you will see a popup appear that looks similar to this:

This is most likely the only screen that you will be using when you're adding links. The box labeled “Link URL” is where you would put the full web address of a page on an external website, or a page on Brockport's site. Examples of what the address should look like:
http://www.msche.org/events_calendar.asp
http://www.brockport.edu/scholarships/abroad.html

If the link will point to a page on the same site you are currently working on, you can use the little button to the right of the “Link URL” box. Clicking this button will bring up a list of all of the pages on the site you are working on, and you can just select the page from the supplied list.

If the link is going to point to another place on the same page, like a “Back to top” link, make sure there are anchors in place where you want the link, and select it from the dropdown menu. The target dropdown is basically if you want the page to open in a new tab/window, in the same window, or something else. This is usually left alone. I will include the 3 other tabs just for reference images, but you will probably not be using them normally:



Once you have made or edited the link click the “Insert” button on the bottom of the page.
On a related note, if you want to remove the link from a piece of text, select the text that has the link on it, and click the “Remove Link” button, as seen below (in blue):


Back to Top

Adding Email Links to Text and Images

This process is very similar to adding a normal link to text or an image, but instead of the link button, you will be using the middle button as seen below:

Then, when you push it, a very similar popup will appear:

The fields are very self-explanitory: Recipient Email is the email address you want to link to, and Mail Subject is an optional field where you can specify the subject line that will be automatically added to the email. The other 3 fields are better left alone unless you need to know element ID's, inline styles, or class.
Once you have filled in the details, click “Insert”, and you should be all set. To unset an email link, use the same process as removing normal links.

Back to Top

Adding an Anchor to a Page

An anchor is basically a particular point on a webpage that can be linked to, rather than just the top of the page. This can be used in conjunction with the links tutorial and is referenced in it. Again, this is going to be using the most straightforward method of adding an anchor, without HTML editing or other methods. The first thing that you need to do is find the part of the page that you want to link to, either select text, an image, or a single point on the page, and then click the anchor button:

Once you push it, a very simple popup will appear, just asking for the name you want. Try to avoid using long names, or names with spaces. Rather, try using something like “top”, “bottom”, or “apt_hall”.

Once you are done, just click “Insert” and you are done. Then follow the instructions in links to link to it from either another page or the same page.

Back to Top

Adding Images to a Page and Editing Images

Before you do anything, make sure the image that you want to link to is already on the server. If it isn't already there in an images folder or something like that, then you should call help desk, because most users do not have the privilages to upload their own images or documents to the server.
A second note is that the maximum width for any item on a standard page is 608px wide. It is strongly encouraged that the actual pictures are under 300px in any dimension.
Every once in a while, you have the need to spice up a page using images. This can be done easilly through the lower-level WYSIWYG editor mainly through the following button:

Once you push this button, you will be presented by this popup:

The image URL is the place where the image you're linking to is located. It can either be within the same folder as the page, in an images folder (recommended), or from an external website (not recommended at all). The Description and Title are optional, as mouseover text and alternate text for the image respectively.

The other tab that you are most likely to be using is the “Appearance” tab that can be seen below:

Even though this tab gives options for resizing, it is much better to resize the image to the correct dimensions before it is uploaded. You can do this in something like Photoshop or even Paint. If you are unable to resize the image, Web Services can resize it for you. The vertical and horizontal space attributes provide a buffer around the picture so that text doesn't butt right up to it. When you adjust Alignment, the image of the tree and the fake latin text will change to give you an idea of how your text and picture will look on the page.

I will also show the “Advanced” tab as well, even though you probably won't be using it:
Once you are done modifying the attributes for the image, click “Insert” and you should have an image on your page. Repeat this process for any images that you want to add. If you want to get rid of an image, just click the image, and push the delete button on the keyboard.

Back to Top

Pasting Text

If you've pasted text before, this should look pretty familiar. Note: If you are pasting from Word or another word processing application, please see the pasting from Word tutorial

If it just text from another website (as long as you cite it), from notepad, or from an email, then you can do one of 3 different ways of pasting:

  1. Keyboard shortcuts. If this is the method you choose, copy the text in any way that you want, go to the editor, select the spot you want to paste, and click Ctrl+V (Windows/Linux), or Command+V (Mac).
  2. Paste with formatting. This is the same thing that the keyboard shortcut does, but you push the button outlined in red instead.
  3. Paste as plain text. This gets rid of the original formatting of the text and copies it in as the current formatting; uses the button outlined in blue.


This is all there is to it, although it is good to mention that cutting and copying text are the other 2 buttons to the left of the paste buttons (look here for the overview of the toolbar again).

Back to Top

Pasting Text From Microsoft Word or similar products

If you are pasting from a Word, OpenOffice Writer, or similar document, you should use the special paste button shown below:

This will bring up a popup window where you would then paste the text from the document into:

Once you are content with the pasted text, click the “Insert” button, and you are all set.

Back to Top

Adding Lists to a Page

Even throughout these tutorials, I have been using both Ordered Lists and Unordered Lists. These are a very nice way of putting information into a page without the work involved in writing an entire paragraph. Below are samples of ordered and unordered lists (also nested ones to show different layers):

Ordered List
  1. This is item 1
  2. This is item 2
  3. This is item 3
  4. This item has sub-items
    1. This is sub-item 1
    2. This is sub-item 2
  5. This is item 5
Unordered List
  • This is item 1
  • This is item 2
  • This is item 3
  • This item has sub-items
    • This is sub-item 1
    • This is sub-item 2
  • This is item 5

These can be easilly put in using HTML, but if you are unfamiliar with HTML, I would stick to the editor window. Note: different types of lists can be nested inside of each other.
If you want to add an ordered list, push the button on outlined in blue. For the unordered list, push the one outlined in red.

After you push one, you can start typing out your list. To go to the next list item, just push enter, and it will bring you down to the next line. If you want to nest the lists, type the line you want the nested list to be after, then push the corresponding button on the bar. Once you are done, press enter to go to the next line, and push the button for the appropriate list type and the last number or dot should disappear. That should be all unless you edit it in the HTML editing section.

Back to Top

Updating or Adding Links to Left Navigation

If you need to add or update links to a particular web page, first make sure that you have permissions to edit the items in the folder.
Then, either in the full or side view, you have to select the item called “_leftnav.html”, as seen near the top of the following image:
Everything about editing the page itself is the same as what is covered in the other sections, but it doesn't have a header.
Most notably, you should look at adding links, adding e-mail links, and adding images.
Be careful though: you only have a small space on the lefthand side of the screen to work with, so large pictures or large amounts of text will not work properly when viewed with the rest of the page.
If you have any issues adding or updating links, please call help desk, and someone from web services will help you when they can.

Back to Top

Go Back to Topic Overview

Click here to go back to the topic overview page for the CMS documentation.

 
web/omniupdate/basic.txt · Last modified: 2013/08/23 09:52 by slewis
 
Except where otherwise noted, content on this wiki is licensed under the following license:CC Attribution-Noncommercial-Share Alike 3.0 Unported
Recent changes RSS feed Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki