OU Campus FAQ
Note: These questions are intended for people who already have access to an SJSU website in OU Campus. We also have detailed information about OU Campus and instructions on how to apply for a site in OU Campus.
- What web browsers are supported?
- How do I log in to OU Campus?
- What are some best practices for creating web pages in OU Campus?
- How can I make my pages easier to search for?
- How do I create a new page?
- How do I edit a page?
- How do I change the page title?
- How do I rename a folder?
- How do I add a Google Calendar to a page?
- How do I add a downloadable document to a page?
- How do I add an image to a page?
- Where can I find images to add to my page?
- Why can't I upload or edit images using Safari on OS X?
- How do I add a photo gallery to a page?
- How do I add a form to a page?
- How do I embed ATN Flash video in a page?
- How do I embed a Twitter feed in a page?
- How can I link to a specific place on a page?
- How can I make a link look like a button?
- How can I create an email link?
- How do I edit my department address or contact email?
- What are snippets and how do I use them?
- What are assets and how do I use them?
- How do I change the Primary Navigation?
- How does Secondary Navigation work and how can I change it?
- How can I make changes to the Site Index?
- How can I add social media icons (Twitter, Facebook, RSS) to my site?
- How do I enable (or disable) the home page slide show?
- How can I recover my work if my computer or browser crashes?
- How can I revert to an earlier version of a page?
- How can I delete a page?
- How do I add headers to a table?
- How can I change the width of a table column?
- What happens when I publish a page?
- Why don't I see the changes I made?
- How can I un-publish a page?
- How can I see the history of a page?
- How can I test pages without making them public?
- How can I create documents that require an SJSU login to view?
A: According to OmniUpdate, the OU Campus interface works best with the latest versions of the following browsers:
- Microsoft Internet Explorer version: 9+
- Mozilla Firefox version: 28+
- Google Chrome version: 33+
- Apple Safari versions (Mac OS X Only): 6.0.x, 6.1, 7.0x
SJSU websites have been designed for compatibility with browsers as old as Firefox 3 and Internet Explorer 7.
- Open the page you want to edit in a web browser
- Scroll to the bottom of the page
- Click on the last modified date
- The first time you log in, you will need to choose a campus from the drop-down list. Choose San Jose State University
- At the login screen, enter your SJSU ID number and SJSUOne password (this is the same information that you use to log in to SJSU mail)
If you are not able to log in, please contact Web Services. Open an iSupport ticket with detailed information.
- Use brief but meaningful names for folders/directories you create
- Use lower-case letters for page names. Page names are case sensitive; for example, www.sjsu.edu/webservices/services is not the same as www.sjsu.edu/webservices/Services
- Since spaces are not allowed in folder names, use a hyphen '-' or an underscore '_' to separate words. For example, "about-sjsu"
- Use bold or italic to emphasize important words or phrases
- Use the Heading styles (starting at H3) to organize your page and format headings
Items of the same importance should have the same heading level.
Do not skip levels; the next less-important heading under H3 should be H4
Do not use bold text to simulate a heading
- If the primary navigation links are taking up too much space, consider shortening the appropriate page titles
- Click Content -> Pages
- Navigate to the folder/page that will be the parent of the new page
- Click on the + New button
- Select the page type you want to create (you can change the number of columns later
if you need to)
Note: You can save a step by clicking the down arrow to the right of the "New" button and selecting the page type from the drop-down list
- Enter the following information:
- Directory Name: Enter the directory name (lower-case, no spaces)
- Page Title: Enter the page title (no restrictions)
- Keywords: (optional)
- Description: A description of what the page is about (optional, but recommended)
- Meta Author: The name of the person who wrote the page content (optional)
- Primary Nav Order: The relative order that this page should appear in navigation list (01 is first, 99 is last)
- Add Navigation Item: Yes, if you want the page to be in the automatically generated site navigation; No, if you want to manually create links to the page
- Click the Create button
- If you are not already logged in to OU Campus, browse to the page you want to edit, click the Last Modified date, and log in.
- If you are already logged in, click Content-> Pages, and find the page you want to edit.
- Click the index.pcf link for the page (if the page is checked out, you will need to contact the person who has it checked out, to ask them to publish their changes and/or check it in)
- A preview of the page will open. Each editable area of the page will have its own green Edit button
- Click the Edit button for the area of the page you want to change
- The editable area will open in the WYSIWYG editor
- Make the changes you want to make
- To check for typographical errors, click the Toggle Spell Checker button (a check mark with ABC above it). If there are no problems, you will see a message saying "No misspelled words found". Otherwise, all words not recognized by the spell checker will be underlined with a red line. Clicking the word will bring up a list of suggestions. Click the suggested replacement in the case of a misspelled word, or the Add to Dictionary in the case of a correctly spelled word that is not yet in the dictionary
- Click the Save button
- If you want to abandon the changes you have made, click the "Revert content to last saved" button
- Click the Publish button to push the changes to the production server.
- Check your page out by clicking the light bulb icon
- Put your mouse pointer under the "Options" heading then select Edit -> Properties
- Enter the new page title in the Title box
- Click Save
- Click Content -> Pages
- Open the folder that is one level above the one you want to rename
- Put your mouse pointer under the "Options" heading then select File -> Rename
- Type the new name over the old one and press Enter on your keyboard
A: (Adapted from Google's Embed on your website page)
- In the calendar list on the left of your Calendar page, click the down-arrow next to the calendar you want to embed, and select Calendar settings. (Alternatively, click the Settings link at the bottom of the calendar list, then click the name of the calendar.)
- Copy the iframe code displayed in the Embed This Calendar section.
(Everything from <iframe src="https://www.coogle.com/..." to </iframe>
- Edit the page on your site where you want to display the calendar
- Click the area of the page where you want the calendar, then click the Insert/Edit Embedded Media button in the WYSIWYG toolbar
- Select Iframe from the Type menu
- Click on the Source tab and replace the contents with the code you copied from Google
- Click Insert, Save and Publish your page. Your calendar will appear on the page
- Navigate to the docs folder in your site
- Upload the document you want to link to (click the upload button, then choose the file you want to upload)
- Navigate to the page you want the link to appear on and open it in the editor
- Enter some text that will be the link to the document
- Select the text and click the Insert/Edit Link button
- Browse to the document in the docs folder and insert it
- Put the cursor on the location where you want the image
- Click the "Insert/Edit Image button in the toolbar (the first button in the middle row)
- Click the Browse button to the right of the text box
- Use the drop-down menu to choose Production for images that have been uploaded to your site.
- Browse to the image you want, then click on it and click "Select File"
- Enter an image description, or check the "decorative image" box
- Click "Insert"
Note: There is a size limit of 1MB for uploaded images. To avoid this limit, re-size your images before you upload them.
To re-size images In OU Campus, click the "Upload" button, then select "Edit and Upload Image" before choosing the image. This will open the image in the editor (this can take several seconds, so be patient). After the image is loaded in the editor, open the Resize panel, enter the width you want for the image (660px is the widest you are likely to need) then click the Resize button. Now you should be able to continue with the upload.
A: Safari has been updated to 6.1 in Mountain Lion and 7.0 in Mavericks. This update included some new security settings that have made the image editor/uploader unusable.
Follow the instructions below to restore the access that you had before:
- Under Preferences -> Security, click "Manage Website Settings..."
- At the next screen select Java, it will show you the currently opened site (www.omniupdate.com)
- Select the drop down and select "Run in Unsafe Mode"
- You will have to trust this through a confirmation box that will pop up after select "Run in Unsafe Mode"
- Click "Done"
A: Use a Photo Gallery Asset.
|OU Web Form||Qualtrics|
limited to SJSU
|Form pages||One page||Multiple page||Multiple page|
|Data storage location||SJSU||Qualtrics|
|Secure submission available||Yes||Yes||Yes|
- Click the "Insert/Edit Embedded Media" button in the toolbar (it looks like a small piece of movie film)
- Select the "Source" tab in the window that opens
- Enter the following text, replacing the appropriate values with those from your own
<object width="your width" height="your height" data="http://flash.sjsu.edu/vod/sjsu-player.swf" type="application/x-shockwave-flash">
<param name="src" value="http://flash.sjsu.edu/vod/sjsu-player.swf" />
<param name="flashVars" value="config=http://flash.sjsu.edu/your source goes here.xml" />
<param name="allowfullscreen" value="true" /></object>
- Click Insert
- To embed a feed based on a hashtag, go to https://dev.twitter.com/web/embedded-timelines/search
To embed a feed based on a user timeline, go to https://dev.twitter.com/web/embedded-timelines/user
- Click the Embed link below the example feed
- Log in with your Twitter account
- Enter the hashtag or username the feed will be based on
- Select the options you want
- Click the Create widget button
- Copy the generated code
- In OU Campus, create a new Web Content asset and paste the code (use the HTML toolbar button)
- Save and publish the asset
- Add the asset to the page where you want the feed
To link to a specific place on the same page:
- Put the cursor on the part of the page you want to link to
- Click the Insert/Edit Anchor button in the top row of the toolbar
- Type a unique anchor name in the box (avoid spaces and special characters)
- Click Insert
- Select the text you want to use as a link
- Click the Insert/Edit Link button in the toolbar
- Choose the anchor name from the Anchors drop-down list
- Click Insert
To link to a specific place on a different page
- Create the anchor on the target page if it does not exist already
- Select the text you want to use as a link
- Click the Insert/Edit Link button in the toolbar
- Browse to the folder and page that contain the anchor you want to link to
- Double-click on the index.pcf file
- The link text should be a dependency tag
- Add # and the name of the anchor immediately after the code
- Click Insert
IMPORTANT NOTE: This is intended to highlight a singular, important call-to-action on a page. It should
not be used for multiple elements on the same page. Additionally, it should not be
referred to as a "button" if you are directing people to the page, but rather as a
link: e.g. "Go to the Applications page and click on the blue 'Apply Now' link"
- Select the text you want to modify
- Click the Insert/Create link button on the toolbar
- Select the link target
- Go to the Advanced tab
- Enter "btn-basic" (without the quotes) in the Classes box
- Click Insert
- You will see the modified link when you save the page.
Here is a sample:Apply Now!
- Select the text you want to use as the link
- Click the "Create or Modify Mailto Link" button
- Enter the email address in the "Recipient Email" box
- Enter the subject in the "Mail Subject" box (optional)
Note: What happens when a visitor clicks the link depends on how their computer is configured. If they have a default mail client set up, it will open a blank email in that program, addressed to the address you specified. There is nothing you can do in your web page to change what happens when the link is clicked.
- In your site, go into the includes folder
- Click the department.inc file
- Edit in the WYSIWYG editor
- Save and publish the changes
The primarynav.pcf file can not be directly edited. The default Primary Navigation is automatically generated based on the first two levels of your site structure.
There is another navigation option called "Meganav", but because of accessibility compliance issues it has been discontinued as a navigation option. If your site still uses Meganav, check out, edit and publish the /includes/meganav.inc file
If you are using the default navigation:
- Check out the page you want to rename or move to a different place in the navigation
- Click on the Edit Properties icon (the one with the wrench)
- If you want to change the name of the link in primary navigation, change the Page Title
- If you want to move the link to a different position within the primary navigation, in the "Primary Nav order" input box, change value
to the number where you want the navigation item to appear.
Note: The navigation goes in ascending order, with "01" being the first (left) value and "99" being the last (right) value.
- Save the page
- If you changed the page title, publish the page. If you only changed the nav order, you don't need to publish it.
- If you want to remove the link from the primary navigation, leave the "Primary Nav order" blank.
- Go to the top level of your site
- Check out and Publish the primarynav.pcf file
Q: How does Secondary Navigation work and how can I change it?
A: Secondary Navigation is the list of links you see in the right column of a page that contains sub-pages and sometimes in the drop-down menus in the primary navigation. It is only displayed in the right column when there is a sub-folder inside the folder where the current page is.
There are two parts to the secondary navigation. The light, indented links listed below the title of the current page are links to the current page's sub-pages. The bold, non-indented links are links to "sibling" pages (pages with the same "parent" page as the current page).
Every time you add a page at the second or deeper level, it is added to the secondary navigation links for its parent page. OU Campus automatically appends the link to the end of the sidenav.inc file in the parent directory of the page you created. It does not automatically publish sidenav.inc.
If you want to add or remove items from the secondary navigation, or change the order, you will need to check out and edit the sidenav.inc file. You can delete links, add links, or cut and paste them to change the order. To make changes to the sub-page links, edit the sidenav.inc in the same folder as the page you want to see them on. To make changes to the bold (sibling page) links, edit the sidenav.inc file in the folder one level higher than the page where you want to see them.
Changes made to sidenav.inc do not take effect until it is published.
The only valid content inside of sidenav.inc are hyperlinks in a bulleted list. All other content is ignored when the Secondary Navigation menu is loaded on a page.
Q: How can I make changes to the Site Index?
A: The site index page is automatically generated whenever you check out and publish siteindex.pcf. You can not directly edit the site index page. Do not try to edit siteindex.pcf. You will need to publish siteindex.pcf to update the site index when you add, remove, or rename pages.
The site index lists all of the pages in your site, sorted by Title. If you want to remove a page from the site index, check out the page, edit its properties, choose the NO button for sitemap, then save the page. Finally, check out and publish siteindex.pcf.
The link to the site index on the home page is part of the template, and can not be removed.
Q: How can I add social media icons (Twitter, Facebook, RSS) to my site?
A: Send an email to firstname.lastname@example.org and include the URL of the link you want displayed on your site. The following are supported:
Q: How can I recover my work if my computer or browser crashes?
A: If your computer or browser crashes while you are editing, you might be able to recover your work. If this happens, log in to OU Campus using the same computer and browser you were using when you were editing, open the page you were working on in the WYSIWYG editor, and before you do anything else, click the red and white "life preserver" Restore auto-saved content icon. You will be prompted to restore the saved content.
- Check out the page
- Click the "revert" button
- Click the Revision number you want to go back to
Deleting a folder will delete everything in the folder, including sub-folders. Before you delete a folder, make sure it does not contain sub-folders that you still need.
- Click in one of the cells in the top row
- Click the Table Cell Properties icon in the tool bar
- Set the Cell Type to Header
- Set the Scope to Column
- Change "Update Current Cell" to "Update All Cells in Row"
- Click the Update button
- Select one of the cells in the column you want to change
- Click the "Table Cell Properties" icon in the toolbar
- Set the Width to the value you want (50%, for example)
- Choose "Update all cells in column"
- Click the "Update" button
- Repeat for other columns
Q: What happens when I publish a page?
A: Before a page is published, it exists only on the "staging" server, located remotely at OmniUpdate's data center. Publishing the file will send it to the "production" server, located at SJSU. The production server is dev.sjsu.edu for sites that are not yet live, and stage.sjsu.edu for sites that are live. For live sites, updated pages are copied from stage.sjsu.edu to www.sjsu.edu approximately every ten minutes.
- It can take up to 10 minutes before your new page is synced with the public web server
- You might need to refresh the page and/or clear your browser cache
If you are still not seeing the change, you can check the stage version of your site. For example, instead of www.sjsu.edu/mysite, you can check stage.sjsu.edu/mysite. Or if you have a sub-domain site, check mysitestage.sjsu.edu instead of mysite.sjsu.edu
- "Recycle" the index.pcf file
- "Restore" the file index.pcf file
- When you want to make the page available again, publish the index.pcf file
Note: If you delete a folder, you will not be able to restore it.
If you recycle a page that has sub-pages, you will not be able to publish the sub-pages.
To see the recent actions for a page:
- Put your mouse pointer in the Options area in the same row as the name of the file. (You should see "Edit", "Review", "Publish", and "File")
- Select Review -> Log
To compare versions of a file:
- Put your mouse pointer in the Options area in the same row as the name of the file
- Select Review -> Versions
- In the row for the version you want to compare, select Compare -> Page
Q: How can I test pages without making them public?
A: You can request Web Services to make an alternate "publish target" available for your site. When you publish a page to the Development target instead of the Production target, that page will be visible at an alternate URL, such as http://dev2.sjsu.edu/yoursite/yourpage while the original public page remains the unchanged. When you are satisfied with the changes, you can publish the page to the Production target to make the changes public.
- Open the document in Google Docs
- Click the Share button at the top right corner
- Click "Get shareable link"
- Choose "Anyone at SJSU with the link can view
- Copy the link URL
- Create a link on your OU Campus web page using the Google Docs link
- For more details, please see Restrict Access to Files on Public Website User Guide [pdf].