Publishing Schedule

CMS webpages and files automatically publish on a set schedule. You will have to wait for the CMS to publish your modified files before they become live on the web. Only files in the Public state will be published.

Mobile Publish Schedule

  • 3 a.m.

Desktop Publish Schedule

All publishes take about one hour to complete from the starting times listed below:

  • 1:00 a.m.
  • 12:00 noon
  • 4:00 p.m.

Unsure if your page published? Check the last-modified date of your webpage by viewing the page source (right-click -> View Page Source) and finding:

<meta http-equiv="Last-Modified" content="2014-02-08T15:00-0500" />

NOTE: In addition to viewing the source of the page, you may view the “Page Info” in some browsers.

Full Publishes

Full publishes (entire site) of all of the CMS websites will be run every Saturday. They are staggered depending on the site, and should be completed by 8 a.m.

Need an immediate publish? Please email

Creating a Pop-Up

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.

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, and most anything that you would normally slot into the rest of the page inside of this div.

Step 2

With the pop-up content created, it will now start to get a bit more tricky. Switch to the code view by clicking the source code button (located on the style bar and looks like “<>”).

The source code button allows you to edit the HTML source of your page directly.
The source code button allows you to edit the HTML source of your page directly.

Find your content at the bottom of the code. It may look something like this:

<div><p>Your Pop-up Content Here</p></div>

Make sure that all of the content that is meant to be within your pop-up is contained inside the div block; if it isn’t then the content will not show up within the pop-up.

Adjust the div tag by giving it a unique id (this should be as unique as possible to prevent issues). Here is an example: “popup-cms-1″. Add this id to the first div tag, so your code may now look something like this:

<div id="popup-cms-1"><p>Your Pop-up Content Here</p></div>

Then wrap the whole pop-up div inside another div. This will prevent the pop-up content from automatically showing up at the bottom of the page when loaded. This div must have the “popup” class assigned to it. So you should have something similar to:

<div class="popup">
<div id="popup-cms-1"><p>Your Pop-up Content Here</p></div>

Step 3

Start by moving back to the design view by clicking the blue “OK” button at the bottom of the code editor. With the pop-up created appropriately, you will likely have a trigger item on the page somewhere that actually launches the pop-up. For example: “Click here to view information”. Highlight this content and click the Insert/edit Link button. In the Url field type your ID from step 2, but add the pound sign “#” to the beginning. For example: “#popup-cms-1″ (minus quotes).

Now you will need to move back to the code view. Locate your link that you just created. It may be similar to:

<a href="#popup-cms-1">Click here to view information</a>

In the anchor tag (a), before the “href” attribute, type: rel=”popup{x:500,y:350}”. The x:value and y:value define the pop-ups width and height in pixels. It is not required to specify a width and height, and typing: rel = “popup” will attempt to find a suitable size for your content automatically, but if that looks too small/big adjusting the width and height values will help. It may take several edits to get the dimensions just right. Your final code may look something like:

<a rel="popup{x:500,y:350}" href="#popup-cms-1">Click here to view information</a>

Close the code editor by clicking the blue “OK” button.

Step 4

Update/save the editor window and close it. Preview the page to verify that it is working appropriately. If any issues are occurring, you may use the editor to adjust any widths or heights. More than one pop-up can be added to the page, but it is important that each popup has a unique ID. Once correct, you may send the page/highlight and any other associated files to public.

Examples of popups

Still need help? Please contact

TinyMCE Editor

We are transitioning the Ephox EditLive editor to TinyMCE. The main reason for the change was to try to limit the need for Java plugins to be run. Once you begin to edit an item, you will notice that you do not have to “load” the editor anymore. This will mean that there will no longer be “Design” and “Code” buttons at the bottom anymore since the editor is pre-loaded onto the page. This should speed up the process when editing your items. Most of the changes will be minor but there are a few things that you will notice either have changed slightly, or are located in a new area.

TinyMCE Screenshot
Click to enlarge the image


One of the larger changes is how the Formats menu is now displayed. Previously all of the style options were just listed in the Styles menu, now they are categorized to allow you to find an appropriate style much quicker.

The new categorized menu options
The new categorized menu options


Editor Labels
TinyMCE window with button labels.


When entering fullscreen mode, make sure that you click the fullscreen button to return back to the main editing screen. If you close the window, you will lose your changes and have to start over. As always, make sure to click update on the main editing screen to save your changes.

The code tab that was previously at the bottom of the editor is now available on the Toolbar, or under the Tools menu. If you notice anything not working as expected or you have any questions, please email

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 Rollover Buttons

Rollover buttons are a very common feature on many of Tech’s webpages and are used for multiple destinations. In the past, buttons were more difficult to create and required a separate image. They can be created by adding a simple “button” class to any link. Here’s a demo of a button:

My Button

Add a Button to the Main Body

Adding a button to the body, similar to what you see above, can be done very easily. Open up your desired Generic Page in Quick Edit/Edit and scroll to the Body section and launch the Ephox Editor. Start by creating your link just like normal, learn more about creating links in the Ephox Editor. Once your text is linked, from the Formats dropdown in the anchor styles, select “Button”. This will add the necessary styles to your link that will turn it into a button.

Add a Button to the Left Navigation/Right Sidebar

Buttons are not restricted to the main body content and can be used above/below the left navigation and the right sidebar. View an example on the Admissions website. Start by creating a new item, a Highlight, set the title so that it is relevant to the button, the title will not show up. A good idea might be: “Contact Button RH Sidebar”, this indicates the button’s purpose. In the Callout section, launch the Ephox Editor. Create a link just like normal. Highlight the linked text and apply the “Button” style (found in the style dropdown). Save your new Highlight item.

With your Highlight created (this item contains the button and then is slotted) you can now slot it onto a Generic Page or NavTree.

Utilizing the Button in the Left Navigation

Start by switching to the Admin community, this will allow you to edit the NavTree item. Open the NavTree in Quick Edit/Edit and click the “Edit All” button to launch the Slot Editor. Once in edit, open the Slot Editor and find the “Global Nav Bottom Highlight (735)” or the “Global Nav Top Highlight (715)”. The difference is in the name, just positioning of where the button will be. Select the appropriate position and once the Highlight is located in the Content Browser, select it and select the Callout template. This will add the button to the left navigation. Check in the NavTree and preview the website to verify everything is working. When going public, contact to notify us that your website’s left navigation has changed, it will require a full publish.

Utilizing the Button in the Right Sidebar

Start by opening the desired Generic Page that this button should appear on in Quick Edit/Edit. Scroll to the bottom of the window where you will find Related Content with a button titled “Edit All”. Click this to launch the Slot Editor. Scroll to the “Right Sidebar Slot – Boxed (565)” or “Right Sidebar Slot – No Box (539)”. The different between the two slots is whether there will be a box or no-box. A boxed version is what you see on this Enterprise page. The no-box version simply leaves the button to float freely with no background or border. Select the correct slot and locate the Highlight from before using the Content Browser. Select the Callout (no boxed or title) template. This will add the button to the Right Sidebar. Now check in the Highlight and the Generic Page. Preview the Generic Page to verify everything is correct.

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.

Creating a Slider

There are two pieces in creating a slider, a Generic Page for which the slider will show up on and a Highlight–the item that holds the slider. For this tutorial, you’ll notice that I mention Highlight and slider, several times–don’t get confused, the Highlight is the item in the CMS whereas the slider is simply a template that is applied to the Highlight.

To create a slider, start by creating a new item, called a Highlight. For the System Title field, fill this out with what the title of the Slider should be. You may want to append the purpose of what the Highlight will be used for to the title, so: “Department History Slider”. For the Title field, it will be the same, minus anything you’ve appended, so: “Department History”. Add your content to the Callout box. Save your new Highlight to the CMS by clicking the button titled “Insert” at the bottom of the window (it may also be titled “Update”.)

Now that your Highlight is in the CMS it is now time to add it to an actual page.

Adding A Highlight to a Generic Page as a Slider

There are several places that a Highlight can be added to on a page, the most common place is right in the content or in the left and right columns of a page. For this tutorial we will slot the Highlight into the List Slot and directly into the body content. The benefit to adding highlights to the List Slot (in the Slot Editor) is that it makes it much easier to manage the Highlight’s position. However, the downfall is that it always shows below the Body content.

Adding a Highlight as a slider to the Slot Editor

Add a Highlight as a slider to a page by opening the page in Quick Edit/Edit and scroll to the bottom of the window. You will find a field titled Related Content with a button titled “Edit All”. Click this to launch the Slot Editor. Scroll to the bottom to add a Highlight to the List Slot (you may also use the Right and Left columns). Click the title “List Slot (509)”, this will launch the Content Browser, which will allow you to select the Highlight you’ve created. Select the Highlight. A new window should appear with a preview and templates to select from, select the Slider template. Refer to the following screen shot:

Once “Open” is clicked, the Highlight will now show up below “List Slot (509)” as a slider template. The Highlight is now on the page as a slider. You can Update any other associated items, Check-in any associated items, and Preview the Generic Page. You should see your slider listed at the bottom of the page. You can view our’s here. You may want to adjust the order of your sliders if there are multiple. You can do this from the Slot Editor utilizing the blue arrows listed to the right of each slotted Highlight.

Adding a Highlight as a Slider In-Between Content

Sometimes you may need to add a slider inside the Body content. The benefit to adding a Highlight into the content versus the previous method is that it will allow you to do this. Start by opening the desired page in Quick Edit/Edit and scrolling to the Body section. After launching the TinyMCE Editor, Select where you would like to have your new Highlight (indicated by a “1″ in the following screen shot). Then click the “Insert inline template” button that is indicated by a “2″ in the following screen shot. This will launch the Content Browser.

From the Content Browser, navigate to where your Highlight is and select it. From the template selection (left side), select the Slider template. Click “Insert”. This will add your Highlight to the content with a border. There may be an extra newline after inserting, remove this as it will create excessive spacing. Even though it looks editable, if any edits are needed, the edits will need to be done from the actual Highlight. The Highlight is now a slider on the page. Any changes should be saved and the page should be previewed. View the example here.

Removing a Slider

The Highlight item that was added as a slider in previous steps can be removed easily by either going into the slot editor and clicking the red “X” to the right of the Highlight. Or, by right-clicking the slider in the TinyMCE editor and select “Remove Inline Template”. Depending on how the Highlight was slotted, will determine how the slider can be removed.

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

The New Ephox Editor

The Ephox editor has recently been updated and will function slightly differently from how it has in the past. Previously, the Ephox editor would be activated by clicking into the Body or Callout sections. However, with the new updates, the user must select the “Design” tab to launch the Ephox editor. Once launched, the Ephox editor will function exactly as it has in the past. Please view the below image or video for reference.

YouTube Preview Image

Update: If the three tabs at the bottom of each editor window (“Preview”, “Design”, “Code”) are not showing up, refresh the pop-up window by pressing CTRL + R (Mac: CMD + R). The tabs should then show up. Update 2: If the content browser does not show-up when in the Ephox editor, please check your pop-up settings. It is best to disable the pop-up blocker all together.

Introduction to the Ephox Editor

The Ephox editor is where most edits will take place and it is critical to understand the basics of the editor. Understanding the Ephox editor will drastically help you maintain your website. Even though the CMS may be intimidating when you first login, the Ephox editor should be familiar and will function similar to most editors (Microsoft Word and Email). The following is a video that covers the basics of the Ephox editor:

YouTube Preview Image

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, Vimeo, Techtube, or direct video file to your webpage in the CMS.

Step 1

If you are using a YouTube, Vimeo or Techtube url, skip to step two. If not, you’ll need to identify the video URL. To do this, upload the video file using a File content type and utilize the “File” field as the name. So, if your video is in the dining folder with a filename of “video.mp4″. The full url would be: Remember this url as we’ll need it in step 2.

Step 2

Once you have your video URL, create a new item called a “Video”.

Once you’ve selected “Video”, the window will pop-up providing options to fill it out. When the window pops-up, fill out the fields appropriately. The description shows up below the video and is completely optional. Make sure to select the correct “Video Type” option, the default is “File”. If you want to embed a YouTube video, select “YouTube”. Paste the URL to the video in the “Video URL” box. For the video dimensions, enter the dimensions based off where this video is being used.

For the Main body area use: 480 (width) and 390 as the height. Left/Right column: 365 x 274. Right sidebar: 233 x 175.

Step 3

Slot the video onto the page or highlight that you would like to have this video show up on. The video will slot just like a highlight, minus the available templates. There is only one template for the video.

When the video is on the page: