Skip to Main Content

You are here:

Frequently Asked Questions

General Editing

Template Design

Assets

Snippets

Navigation / Menus

Searching

 Browsers


 Answers

General Editing

How do I create anchor tags?

To insert anchors you will put your cursor where you want the anchor to be and then click the anchor in the toolbar. A dialog box will come up and it will ask you to put in a name for the anchor and click insert. This will place an anchor on the page. You will then go to the text that you want to link to the anchor. If you are within the same editable region you will highlight the text and click the link button. Within the link dialog box you will click the dropdown for anchors and select the one you want the text to link to and click insert.

If you the text you want to link to the anchor is in another editable region you will want to check the anchor name before switching to the other editable region. You can do this the same way as linking text to the anchor, just click cancel instead of insert. After you know the name of the anchor tag you will switch to the other editable region on the page. When you are editing the page in this editable region highlight the text and click the link button. In the link dialog box you will not see a dropdown for anchors. For some reason OU does not have the capability to show anchors from one editable region to another. To insert the link for the anchor you will put #nameofanchor and click insert. This will create the link to the anchor on the page. To check the functionality of anchors you will need to publish the page, since anchor links do not work in the content management system.

For the top links, you would create an anchor at the top of the page where you want it to jump up to. You will then link the text using the #nameofanchor (if in different editable region) in the link or the dropdown for anchors (if in the same editable region) for the text to link to the top. The top links are styled using a class which pushes them to the right side of the page and puts the upward arrow to the right of the text.

How do I embed videos?

Upload your videos somewhere such as the University of Utah streaming server or YouTube or Vimeo, etc.

To upload videos to the streaming server:

  1. Visit https://video.utah.edu/
  2. Log in with your Unid and password
  3. At the top of the page, click Add New > Media Upload
  4. Follow steps to upload video file, Provide a meaningful name and description in the fields provided. Leave the Tags field empty and leave your unid in the Created By field.
  5. Click Save
  6. Click My Media, find the video you just uploaded, and click on that video.
  7. Click the “share” tab, click the “embed” button.
  8. Copy embed code, paste into desired OU page

Once your videos are uploaded somewhere, edit the page in OU where you want to put a video.

Click the insert/edit video tool and then either paste the share link into the Source box; Or click on the Embed Code tab and paste in the embed code.

How do I change the browser page title? 

All browser page titles follow the specific format: [page title] - [site title] - The University of Utah. To edit the [page title] part of the browser title for the current page:

  • Navigate to Properties and check out the page by clicking the light bulb icon to the left of the green Publish button. A page is checked out when the light bulb icon is yellow.
  • Page Parameters should already be selected. If not, click Parameters from the menu on the left.
  • Enter the desired page title in the Title field within the page parameters
  • Click Save. The changes will take effect when the page is published.

The remaining - [site title] - The University of Utah is generally the same for every page throughout the site. If you have questions about changing the way the site title appears, please contact support.

Can I copy MS word to site page in OU?

MS Word imposes a large amount of proprietary code to format it's text and it is not easily translatable to HTML formatting. You can save a Word document to HTML, but it is likely going to need a lot of cleaning up once in OU. It's best not to copy from MS Word to the OU editor to help avoid any issues.

When publishing I get this error: 'Could not publish pages to site: There was an error establishing an SSH connection. Please check the remote server or your settings.' How can I resolve this?

The cause of this error is unclear, however it usually resolves itself after attempting some troubleshooting steps. Begin by keeping no more than two OU Campus tabs open in any browser. Refresh the browser page you are trying to publish, and try publishing again. If the issue persists:  close and quit your browser application, reopen the page you are trying to publish and try publishing again. If the issue still persists please contact support.

After adding a new folder/directory to my site, I get an error when trying to add or edit a page: 'Problem during transform: I/O error reported by XML parser processing file…'  Why did this occur?

If you are adding two or more pages that are related to each other, it's a good idea to create a new folder (also called a directory) and build the pages inside this directory. To create a new directory go to OU Pages view and select the green "New" button at the top of the workspace. A "New Content" window will open. Click on the New Section button and fill in the boxes in the window that opens. This will create a new directory and an index page. It also automatically creates a _breadcrumb.xml file.

Sometimes people will select the Create New Folder link instead of the New Section button. The purpose of this link is to create sub-folders within the _images and _documents directories. It is not meant to contain web pages (files with a .pcf extension). If you try to create or edit a web page that is in this location, you will see an error message that begins "Problem during transform: I/O error reported by XML parser processing file…" The error message appears because a _breadcrumb.xml file was not created.

You can prevent this problem by following a simple rule. If your directory will contain web pages, select the New Section button to create the directory. If this error is being displayed, please contact us. We can add the missing _breadcrumb.xml file to resolve the problem.

Template Design

Can we remove the link underlines? / Can we change the link styles?

The link styles that we have set for the templates are the result of long and careful consideration of usability and accessibility concerns. There is a great explanation of the accessibility guidelines for the appearance of links on the WebAIM website (if you’re not already familiar with WebAIM, they are a well-respected non-profit organization that provides accessibility resources and advice. Their web site is a great place to learn more if you’re interested).

In the “Note” it explains that you can compensate for not having an underline with other things like link color or a “non-color designator”. The red we use for link color (official UofU red) doesn’t provide the 3:1 contrast ratio that is required. We’ve also played with highlighting, but we received negative feedback on it. So, we settled back to just using the underline.

Assets

What is an asset?

Assets are a way to share content across multiple pages. When you create an asset, the content in that asset exists in one place and it can be put on as many pages as you want. When you need to make changes to the content, you only have to change it in the asset and it will get updated on all of the pages where the asset has been placed. This makes it so that you don't have to update multiple copies of the same piece of content on different pages.

How do I edit an asset?

To edit an asset, go to the drop-down menu under Content in the top blue bar. Select 'Assets' (can sometimes take a few seconds to load) and then filter by the *asset name. You can also filter the list of assets by **site name. Once you have located the asset, click on the asset to open it and then click on the light bulb to check it out.

Next, click the Edit button. Make your changes and then click the blue Save button (bottom right). Lastly, Publish the asset.

*To find out what the asset name is, go to a page where the asset is being used and click edit. You should see the following message: ASSET “asset-name” CANNOT BE SHOWN IN WYSIWYG.

** To find the name of your site, look in the upper right hand corner of your screen and you will see it selected in a dropdown box just under the blue bar.

I'm trying to edit a page and all I see is: ASSET “asset-name” CANNOT BE SHOWN IN WYSIWYG. How to I edit the content?

That means that the content is contained in an asset. You can edit it by finding the asset. See the "How do I edit an asset" (previous) question for instructions on out to find and edit an asset.

Snippets

What are snippets?

Snippets are pre-formatted HTML content (e.g., accordions, tabbed content, columns, buttons, panels) that can easily be selected via the WYSIWYG Editor, inserted on a page, and edited as needed. Snippets differ from assets in that once you have placed one on your page, you can customize the content in it to fit your needs, but it will not be updated if the original snippet code changes. You can think of it as html code snippets to just get you started.

Can I have more than one accordion or set of tabs on a page?

Yes. You will need to add unique classes to all the accordion "tables" on your page that begin with the string "uid". For example "uid-1", "uid-2", "uid-3", etc. To add a class to a table, right click anywhere in the table and add your class to the text box below the "class" dropdown list. There will be another class name there, so just append your class and separate the two with a space like this "utransform-accordion uid-1".

Navigation / Menus

How do I get the arrows indicating dropdown menus in my navigation to show up, like on the http://humanities.utah.edu site? 

There are two different kinds of top level menu items that you can have in your navigation. One kind has a dropdown that opens with more choices when you click on it. The other kind will take you directly to another page when you click on it. The arrows that indicate that there is a dropdown menu only show up if there is a mix of the two kinds of menu items in one navigation bar. This is so that you can tell visually which ones have dropdowns and which don't, so the user knows what to expect without having to click first. If your navigation has *all* dropdown menu items, it's not necessary to distinguish between anything so we leave them off.

Can I have the arrows for my dropdowns even though they are all dropdowns?

Answer coming soon... :)

Can I have my drop-down menus open with a hover instead of a click?

The dropdown menus in the template have been designed to open on click rather than hover to create more consistent navigation interaction across different devices. For example, when you're on a desktop computer you can use a mouse to hover over something to cause an action, and then you can click it to cause another (different) action. A touch screen on the other hand, has no way to differentiate between a hover and a click so it considers all touches as clicks. Making the dropdown menus open on a click rather than a hover makes the experience more consistent across both mouse enabled and touchscreen devices.

Then can we make them open on hover just for desktop and laptop devices?

We can change the way the user interacts with the page based on the window size. Unfortunately, manufacturers are producing more and more desktop/laptop sized touchscreens, so targeting bigger window sizes wouldn't work in this case.

Searching

Why is Google returning different results than the UofU Google Search Appliance?

Google's search algorithms are extremely complex and they constantly update them. It is likely that their algorithm has changed slightly since they wrote the code for the specific version of the GSA that we have.

Combining keywords in different ways can drastically alter your results. Searching a collection of pages (like the GSA does) with a keyword 'Humanities' is very different than searching 'Humanities University of Utah' in Google. The algorithms are so complex that they are going to compute those different combinations of keywords very differently. Even the order matters.

Can search results take people to sections in pages, rather than the top of the pages?

To send a user to a section within a page, you have to use anchor links (http://mysite.utah.edu/about.php#anchor-name). When you click an anchor link, your browser asks the website for the whole document at the URL you just clicked, minus everything starting from '#' (http://mysite.utah.edu/about.php). Once the server has sent this page, your browser will then jump to that specific point in the page. The server never knows about it. The automated "browser" that Google uses operates in the same way. 

Browsers

What is "clearing the cache" and how can it be performed?

A web browser stores copies of visited pages and files associated with them. These stored files are used the next time a site is visited. This way, the browser is not being forced to load the page anew each time, which takes more time than viewing a stored copy. This storage of pages is called a "cache". However, this cache can sometimes pose a problem if it is necessary to view the most updated version of a page. Clearing one's cache can ensure the most up-to-date version of a page rather than an older copy, is viewed. For example, after updating an image, it may be necessary to refresh the browser or clear the cache.

The method for clearing the browser cache is different for each browser. The links below provide tutorials for each browser-specific cache clearing function.

Google Chrome:

Delete your cache and other browser data

Internet Explorer:

How to delete the contents of the Temporary Internet Files folder

Safari:

Safari 5.1 (OS X Lion): Empty the cache

Firefox:

How to clear the Firefox cache

On Chrome my page appears like it's being displayed in a narrow mobile view.

When using Google's Chrome browser, it is possible for corruptions to occur in the user profile settings. These corruptions can cause webpage display issues. The best way to correct this issue is to remove the current person and then add a new person. In Google Chrome navigate to Settings and locate the People section. In the People section, click the remove button under the current person. Next click the add person button to create a new person. Be aware that removing a person in the settings will also remove any user data like bookmarks or passwords.

I get an error message when trying to use OU in Safari - Safari Can't Open the Page. Too many redirects occurred trying to open "https://a.cms.omniupdate.com/10/". How can I resolve this?

A privacy setting in Safari can cause this error when attempting to use the 'Last Updated' link to access OU. To resolve this issue navigate to Privacy tab of the Preferences window in Safari. In the Cookies and website data section select Allow from websites I visit or Always allow. This should fix any issues with Safari accessing OU.

 

Last Updated: 6/30/17