Skip Navigation

LITS Help

OmniUpdate Advanced

Picking a Site / Changing Site

If you are coming in from the generic login page (referenced in Get To OUCampus) you will be presented with this page at first:

Normally, the pages you will be working with are in the “www” folder, but if you are a part of Web Development, there will be times when you are using the “webdev” and “test” folders for development of new webpages or porting of old webpages to the CMS.
When you actually get into the proper folder (www, webdev, or test) click the Content tab on the top left, then you will see a screen that looks similar to this:

From here, you select the folder for the website you are working on, and go from there to either Check-out or Edit Page Properties.

Back to Top

Creating a New Page

When you need to create a new website or web page, you need to first make sure you have permissions to the folder you need to work in. If you are a typical user, please contact Help Desk with your request to make a new page or website. If you are part of the web development team or you have the necessary advanced permissions, go to the site's folder, where you will see something similar to the following on top:

To create a new site or page click the “new” button in that section. A drop-down should appear:

There are five options in the dropdown (4 large buttons and “New Folder”), but to create a new page or site, depending on how you view a web page, you click the “New Page” button, which is second from the left.

Note: “events.ssi” and “news.ssi” are not used that often for individual web pages, namely because most pages use the Brockport news and events sections. If you need a custom events or news feed, call Help Desk, and you will then work with someone from web development on the content that you want.
If you select a new page, you get a new dropdown that looks like this:

For any of the above choices, enter in the appropriate information and follow the on-screen instructions to make the new folder, site, or subsection.

Back to Top

Creating a New Folder or Section

When you need to create a new folder or section within a web page, you need to first make sure you have permissions to the folder you need to work in. If you are a typical user, please contact Help Desk with your request to make a new folder within your website. If you are part of the web development team or you have the necessary advanced permissions, go to the site's folder, where you will see something similar to the following on top:

To create either a storage folder or section, click the “new” button in that section. A drop-down should appear:

There are five options in the dropdown, but the two you will be using are:

  • For a new folder, click the upper lefthand icon labeled “New Folder”.
  • To create a new subsection (usually something like a specific major or track in a department), click the icon labeled “New Section”.

Note: “events.ssi” and “news.ssi” are not used that often for individual web pages, namely because most pages use the Brockport news and events sections. If you need a custom events or news feed, call Help Desk, and you will then work with someone from web development on the content that you want.

If you select a new page, you get a new dropdown that looks like this:

For any of the above choices, enter in the appropriate information and follow the on-screen instructions to make the new folder, site, or subsection.

Note: When you create a new Section, it creates a new index.pcf and _leftnav.html in the folder automatically. So this method is recommended if you are doing subsites, such as /academics/advancement/index.html or /orientation/summer/tours/index.html.

Back to Top

Setting and Viewing Access Permissions

This particular function is used by administrators, but there is a minimal amount of ways to change access permissions to editors. There are 2 different ways to get to the access permsissions:

1) From sidebar view:

If you access the permissions from the normal view, then you will see the below button:

Once you click this, you will see something like the following in the lower right part of the screen:

From the dropdown menu, you can choose the group that is allowed to access and edit the page. Once you are done, click “Save” then either send for approval or publish now according to what you are able to do.

2) From full site view:

If you access the permissions from full site view, then you will see something similar to this, with an access button next to each item:

Once you click this, you see something like the following appear over the page:

From here, the process is the same as choice 1.

Back to Top

Higher-level OUCampus Editor Options

NOTE: These options are probably not going to be available to most editors. They are most likely going to be reserved for partial administrators and web maintainers. The interface of the extended OUCampus editor is similar to the normal editor bar, but with a few extra added options:

Most of these are self explanitory. But the major differences are:

  • the ability to make and edit tables without HTML editing (first two-thirds of third row)
  • form creation and editing without HTML editing (last third of third row)
  • Font coloring and highlighting (to right of drop-down font options in second row)
  • Insert and Edit of pictures and other media (such as video and flash animations (to the right of font options in second row)
  • Inserting horizontal rules (lines), line breaks, custom characters, code cleanup, CodeProtect, and insert predefined content (the rest of the differing buttons, in order, in the second row)

Adding media is similar to that in adding and editing images, with these possible options:


Adding and editing of tables works very similarly to Microsoft Word, OpenOffice Writer, and other word processors, where ther are options for deleting cells, adding cells, and merging.
The horizontal rule button is self explanitory.
The remainder of the options, explore for yourself, and you will see how they will best suit you. But the other ones are most likely not going to be used, except for code cleanup, which will be used in the event of copy and pase HTML code from Word. CodeProtect is only going to be used if you need to put in PHP, JSP, or ASP code snippets into the page. The basic interface is below:

Again, these options can mostly be done in HTML code if you do not have access to these advanced options, but BE VERY CAREFUL WITH HTML EDITING: IF SOMETHING GOES WRONG, YOU HAVE TO EITHER EXIT WITHOUT SAVING OR TRY TO RETYPE THE CORRECT CODE.

Back to Top

HTML Editing in OUCampus Editor

As iterated time and again: BE VERY CAREFUL WITH HTML EDITING: IF SOMETHING GOES WRONG, YOU HAVE TO EITHER EXIT WITHOUT SAVING OR TRY TO RETYPE THE CORRECT CODE.
From the editor screen (as seen below) you can add almost all HTML code snippets without problems. But, you cannot use 'div' tags because they cause problems with the template, and other dynamic content may have problems being placed correctly in the editor without being changed. Another note: you have to use proper HTML in this editor, such as using 'strong' instead of 'b', 'em' instead of 'i', and avoid using the 'center' tag. But below is the basic screen in which you can edit:

When you are done editing, click “Update”, or if you made changes that you are not happy with, click “Cancel”.
One more time: BE VERY CAREFUL WITH HTML EDITING: IF SOMETHING GOES WRONG, YOU HAVE TO EITHER EXIT WITHOUT SAVING OR TRY TO RETYPE THE CORRECT CODE.

Back to Top

HTML Practices to Consider

or Follow These Practices 99% of the Time

If you have already read everything else about getting to the HTML editor, and you've heeded all of the warnings, there are only a few more things that you should think about before you start coding:

  • Do not use div tags, or if the code you're copying in has div tags, try to remove them. This can cause very strange problems in webpages, such as misalignment and reordering, similar to this:


  • Use the correct XHTML tags. This one is a little harder to remember for people who learned HTML a long time ago and haven't looked at new materials since. A few things that have depreciated that should not be used are:
  • i tags for italics, rather use em
  • b tags for bolding, rather use strong
  • center tags for centering, rather use align=“center” in tags or generically p align=“center”
  • Try to make legible code. I hope this one goes without saying; try to write legible code. Try not to repeat code or have useless code sitting in there, because the possability of a problem arising increases massively. Also, OUCampus might misinterpret some of the code if it is not commented out or something of that sort.
  • Avoid scripting. This one may be a disappointment to some reading this, but try to have static web pages only. JavaScript (and possibly PHP, haven't tried that one yet) has problems when the code is copied into OUCampus. If you really do need dynamic content to be on the webpage, then contact an administrator, or keep the webpage in Dreamweaver.
  • Save the code often. Another (hopefully) no-brainer: try to save the page you are working on, or at least save the code somewhere just in case something happens. There isn't exactly a high chance of things going wrong unless the code is written incorrectly, but this could still be a problem if you do not save the changes and, say, exit the browser by accident.

Try to follow these as much as possible, or in the case of the first 2 points, follow them all the time. If you do, the web pages will turn out better, and maintainence will be easier in the future.

Back to Top

Adding Tables to a Page

This is really a subsection of both >Edit Code Directly and Higher-level OUCampus Options but it is put in its own section for the sake of its use.
First and foremost, most of the time, you DO NOT need tables most of the time. Alignment and structuring can be achieved through normal tags and OUCampus options. If you insist that you need a table, and an administrator agrees, but you do not know HTML or have the higher level functions, then this section is not for you. Contact an administrator and they can put a ticket in to have it fixed or updated.
Secondly, there are 2 ways of going about this:

  1. HTML direct editing
  2. OUCampus functions (recommended for those unfamiliar with HTML)

If you insist in directly editing HTML to insert tables, please see the W3 Schools Tutorial on Tables. This provides an excellent tutorial on how to properly use tables, better than anything that can be posted here.
If you use the OUCampus options, then you will remember something that looks like this:

This is the third row that appears when you have the higher level functions. If you are not currently selecting a table, you can push the far left button. When you do, this popup window appears as seen on the top, and the corresponding advanced tab is on the bottom:


Then, once you insert the table, the rest of the options will open up. Going from left to right, we have (not counting the insert button):

  • Table Row Properties
  • Table Cell Properties
  • Insert Row Before
  • Insert Row After
  • Delete Row
  • Insert Column Before
  • Insert Column After
  • Delete Column
  • Split Merged Table Cells
  • Merge Table Cells

The buttons after this are form editing and insert buttons which are discussed in a different section.

All of these buttons are self explanitory, but be careful with them. See the other sections on Edit Code Directly and Higher-level OUCampus Options for more help with the interface.

Back to Top

Inserting and Editing Forms

One function that most of the current CMS editors haven't used, or even known existed, is the ability to create and edit forms in the CMS. First off, you need to have the Higher-level OUCampus Options to even see these buttons. Secondly, you need to see these buttons in the third row after the table editing section, as seen below.

To insert a new form you click the area in the editing window where you want this form to be located, and push the leftmost button in the form area. If you are editing a current form, click the current form, or highlight the form, and click the same leftmost button. Once you do either of these, you will be presented with a popup as seen below:
Unfortunately, since we have not used these options, the pictures will have to be self-explanatory until we have a more thurough understanding. Included below are the pictures of the other two tabs, for reference:


More on this will be posted in a later update.

Back to Top

Uploading Files to CMS

Call help desk to have this process done if you are a normal user, because most users do not have the privilages to upload their own images or documents to the server. Web group will upload the image for you, then you can work with the image or document however you want.

NOTE: This can be used to upload any file, including images, but you should try to upload images using the methods here.

This is one of the features that will be the most used as departments need to have documents, forms, images, flash animations, and videos uploaded to their websites.
The first thing you should do is navigate to the folder that the files should be place in. For example, documents may be in a “docs” folder, or pictures in an “images” folder. When you get there, make sure you are in the full directory view, and look for this button in the upper righthand side of the page:

Do not be alarmed if you don't see any files in the folder if you have already uploaded something, you can see them by pushing the “Production” tab in the upper righthand side, just above the “upload” button. Once you push the button, you will get a page that looks like this:

From here, all you have to do is click the “Browse” button next to each slot and navigate to the files you want to upload. NOTE: You can only upload 10 files at a time.
Once you have all of the files you want to upload selected, or you ran out of spaces, click the “Upload” button at the bottom of the section. Once you do this, there may be a short wait, then you will see a screen like this:

For every file that successfully uploaded, you will see something similar to the message above. If you have duplicate files, or the file could not be uploaded for some reason, you will get an error similar to the one below:

Once you have uploaded the file, it can be linked to from any webpage, as long as you provide the correct URL for it. Don't forget, this should be used for documents, flash animations, and small movies only. Uploading images this way is not recommended, the file used was only for illustration purposes. To see the proper way to upload images, see Uploading Pictures to CMS.

Back to Top

Uploading Pictures to CMS

Call help desk to have this process done if you are a normal user, because most users do not have the privilages to upload their own images or documents to the server. Web group will upload the image for you, then you can work with the image or document however you want.
To upload something besides a picture to the CMS, please use this part of the tutorial.

NOTE: 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.

To upload a picture to the CMS, you have to go to a different tab in the main directory view than what you normally see. this will be the “Production” tab, as seen below:

From there, you will see a few buttons below it, one of which will have a small clipart symbol followed by the text “Image/Upload”. This is the button that you will push in order to upload images:

Once you push this, there should be a pause as the uploader loads, and you might possibly get this window popping up:

When you see this picture, make sure the “Always trust content from this publisher.” check box is checked, then click “Run”. Soon after, you should have another persistant popup that will allow you you to browse for the correct image. In this example, I have already navigated to the folder containing the pictures that I want to upload:

Next, select the image(s) that you want to upload. For the purpose of this tutorial, I will be only uploading a single image at a time. When you select the image(s), click the “Open” button. You will be then presented with a small Java-run editor for minor edits to the image, including resizing, cropping, rotating, saving the file to your drive with the edits, and uploading. Again, the image I am using will be blanked out for the purposes of this tutorial:

Once you are done with your edits, you should push the “Upload As…” button, which will present another popup window on top of this one:

If you want to overwrite the image that is currently there, select the “Overwrite” check box, then click “Ok”. This should get rid of the popups and return you to the “Production” tab in OUCampus. If a file under that name already exists, and you didn't click the check box, you will be presented with this error, which you can say okay to, and either click the “Overwrite” box, or save it under a different name:

Then you should be all done. This is not recommended for files other than pictures. If you insist in uploading images through the main uploader, see Uploading Files to the CMS for more details.

Back to Top

Troubleshooting Access to a Site

Primarilly, make sure that you are supposed to have access to the site in the first place. It is possible that even if you are supposed to work on a page, you are not one of the site modifiers yet. If this is the case, go to a CMS admin, such as Steve Lewis or Gian Carlo Giavonne, and request access to the site.
If you have confirmed access to the site, make sure that nobody has the pages that you are working on checked out still. This will lock the page that you are trying to edit and you will get errors if you try to access it.
Lastly, if all of the above fail, make sure you are in the right site. You may have access to a few different websites in the cms, and it is possible that you clicked into the wrong one. If this is the case, then click the “top” link either in the sidebar or in the full site list, both shown below:

“top” from sidebar “top” from full view

Either one will ring you to the full site list. From there, choose the correct site, and try again.
Any other problems, talk to an adminsitrator, or put a ticket in at Help Desk.

Back to Top

Editing Page Properties

Once a page has been set up fully, there are times when the title of the page, the page header, or the current breadcrumb have to be edited. This is when you use the “props” button in the toolbar, once the page has been checked out to you:

Once you click this button, you will be brought to a page that has all of the information you could want to change; it should look something like this:

From here, you can modify almost anything about the web page:

  • Page Title/Title: What shows up on the tab and the very top of the browser window.
  • breadcrumb: What shows up in the navigation area aboce the heading.
  • pageheader: What the page shows as the main heading of the page. Can be left blank (with a single space) for custom headings like images, etc.
  • Description, Keywords, Author, Copyright: Can all be set to custom values, but for Brockport pages, they are left blank for the most part.

When you are done making changes, click the “Save” button at the bottom of the page, and either send for approval or publish now according to what you are able to do.

Back to Top

Go Back to Topic Overview

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

 
web/omniupdate/advanced.txt · Last modified: 2011/04/05 15:58 by mrum1214
 
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