Category Archives: Text

Buttons buttons buttons

Q is such a cool…




We’ve had buttons in the CMS for a long time, although they looked a bit different than the ones above. There used to be only one button style! Now there are three to choose from. So how should you prioritize which button(s) should be used? The key thing to keep in mind is importance. If you have a main call to action (apply, download, etc.), this can work as a primary button. But what if you needed a button that was to compliment other buttons? Such as a “View more downloads” or “Application Information”, this would work as a secondary button. These two core buttons should serve all needs that you have. But maybe you’re looking for a button that isn’t necessarily a call to action? In this case, a styled button may work for you. Look below for the appropriate buttons and styles.

Continue reading

Creating a Pop-Up

Please refer to here to build a pop-up. The below is legacy and may not work as expected.

Interested in having a pop-up on your webpage, similar to what you see when you click here? This tutorial will help you to accomplish such a task. However, I will warn you now, that this will require some HTML knowledge.

Step 1

Locate the page/highlight in the CMS that should have the pop-up and edit said item. In the TinyMCE editor make a new line at the bottom of the content, this area will be the location of your new pop-up. With the new line created, from the “Format” dropdown in the styles bar, select “Blocks” and “Div” from the submenu. This will create a block that will wrap the content of your pop-up and is the actual pop-up content.

Creating a Div block to wrap the content of your pop-up. This can also be done manually in the source code.
Creating a Div block to wrap the content of your pop-up. This can also be done manually in the source code.

You may place images, headings, videos, and most anything that you would normally slot into the rest of the page inside of this div.
Continue reading

How to Restore a Previous Version of an Item

Once in a while, an item is edited and sent back to public when it shouldn’t have been. Or, older content is more accurate. To roll an item back to a previous state requires a few clicks, but is an easy process. Follow these steps and if you have any questions, contact

  1. Locate the item that will need to be rolled back in the CMS.
  2. The item will need to be checked-in, in the Quick Edit state. (Only items in Public/Quick Edit can be revised.)
    1. If the item is in Public, right-click the item and select “Change State (Workflow)” -> “Move to QuickEdit”.
    2. If the item is in QuickEdit (check out), right click the item and select “Change State (Workflow)” -> “Check-In”.
  3. Determine which version the item should be rolled back to. This can be done by right-clicking the item, “View More Information” -> “Revisions”.
  4. From the Revisions window, the latest revisions are at the bottom. You can View Content (left column) to verify which version is best. After you identify the best version, click Promote (left column).
  5. The Edit Content window will launch. Click the Update button and Close.
  6. Right-click and Change State (Workflow) > Return to Public. OK.

The new version of the page will show up after the next CMS publish. Note: if a whole page, including Right sidebars/Sliders (Highlights), Images, and Files need to be rolled back, the steps above need to be followed for each item.

Creating and Adding Sliders

Sliders are a very common feature on many sites, they’re found on a variety of pages including degree pages and informational pages. Sliders are the titles that, when clicked–slide down revealing more content. Here’s an example of one:

Department History

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eleifend leo id dui blandit congue. Nulla velit lorem, cursus sit amet cursus eu, imperdiet scelerisque nibh. Nunc ut libero nulla. Cras consequat elit tempus justo egestas, id fermentum lacus placerat. Ut cursus adipiscing leo ut convallis. Nulla facilisi. Duis rhoncus, sem ut faucibus posuere, metus nisi congue dolor, id porta sem libero vitae lectus. Vivamus semper convallis ipsum ut congue. Vestibulum accumsan, erat eu auctor pretium, ligula erat sollicitudin diam, et aliquet nunc quam blandit neque.

Continue reading

Deleting or Removing Content and/or Links

The time may come to remove or delete content or links from your website. This can be done quickly and easily once you understand what scenario you are facing:

Continue reading

Embedding a Video

Many users would like to embed a video on their webpage as it offers a more interactive experience for their users. Videos are also a great way to easily share information that may otherwise be a lengthy read. In this tutorial, we’ll walk you through the process of adding a YouTube video to your webpage in the CMS.

Step 1

If you haven’t already, upload your video to YouTube and get the URL. It will look like “
Continue reading

Publications Linking in Faculty Profiles

If a faculty member includes a URL with their publication, a “Read More” link will appear at the end of the publication information and will link to the URL that is entered.

Faculty member can link a specific portion of their publication citation to the URL that they specify (avoiding the generic “Read More”). This is done by wrapping the text that they want to link with a “%%”. For instance: Blah blah publication %%linked text is here%% rest of my publication.

You can see both of these options in action on the Biological Sciences website. Open up the slider for Rupali Datta and Charles Kerfoot on this page:

Aligning Items

You can align paragraphs, divs, tables, images and other elements using CSS classes. Alignment options include left align, center align, and right align. You may align items using the following classes in ePhox code view:


<p class="right">Right aligned paragraph.</p>

This is an example of a right aligned paragraph.


<img src="test.jpg" class="center" />

Centered Image
Centered Image

Continue reading

Creating and Managing FAQs

A number of CMS websites take advantage of our Frequently Asked Questions (FAQs) feature: styled, expanding sections of frequently asked questions eloquently organized and displayed to the user. Since your department’s website most likely already has an FAQ section, we will first explain how to maintain yours. We will then explain how to create a new FAQ section from scratch.

Maintaining Your FAQs

Your department’s website may have one or more groups of FAQs on its website. You may want to:

Continue reading