Webmaster's Blog

Publishing Schedule

Posted by Alex Hughes under CMS, CMS Announcements

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. Our publish schedule is:

  • 1 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 cmshelp@mtu.edu.

Creating Rollover Buttons

Posted by qwfranke under CMS, Right Sidebar, Styles, Text

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 style dropdown in the anchor styles, select “Button”. This will add the necessary styles to your link that will turn it into a button. The link will not look any different in the editor, only on the preview/live site.

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 cmshelp@mtu.edu 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

Posted by qwfranke under Styles, Text

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 Ephox Editor, Select where you would like to have your new Highlight (indicated by a “1″ in the following screen shot). Then click the “Insert Rhythmyx 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.

Deleting or Removing Content and/or Links

Posted by Joel Vertin under CMS, Files, Images, Right Sidebar, Text

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:

read more »

The New Ephox Editor

Posted by qwfranke under CMS, Video tutorials

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.

http://www.mtu.edu/video/2013/cms-edit-content.f4v

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

Posted by qwfranke under Video tutorials

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:

http://www.mtu.edu/video/2013/cms-edit-live.f4v

Embedding a Video

Posted by qwfranke under Files, Text, Video tutorials

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: http://www.mtu.edu/dining/video.mp4. 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:

CMS Website Changes

Posted by Scott Shannon under CMS, CMS Announcements

Over the next several weeks, we will be rolling out improvements to the CMS websites. While they occur at the template and stylesheet level, what you’ll notice are subtle design changes intended to improve the user experience. Please contact cmshelp@mtu.edu if you have any questions or experience any issues.

CMS Upgrade on Tuesday April 30th

Posted by Alex Hughes under CMS

Update 4/30 9:27 a.m.: Upgrade is complete and the system is up and running. If you experience any issues please contact cmshelp@mtu.edu, or call (906) 487-2431.


The Rhythmyx Content Management system will be unavailable until 10 a.m. on April 30th. The system will be undergoing an upgrade and you will not be able to update your content until after 10 a.m. Your website will be unaffected and remain up during the outage and any content inside of the CMS will be available for editing once the system is brought back online. If you have any questions please contact cmshelp@mtu.edu, or call (906) 487-2431.

Sortable Tables

Posted by Scott Shannon under Tables

Many times you may want to allow a user to sort a table of data. If you have a long table of information, it can be difficult to find the information you’re looking for. A sortable table will make it much easier for a user to get the information they need, fast. And we’ve made it easy to do!

To do a simple sortable table just give the table a class of table-sortable. You must also place the column headings into the <thead> of the table. read more »

Creating Customized Course Listings Pages

Posted by Joel Vertin under CMS, Video tutorials

The following two video tutorials will help you to learn how to create customized course listing webpages to add to your CMS website. These customized course listing pages are meant to be used when you only need to list a limited/specific number of courses from either one department or many departments.

You can also created automated course listing webpages that pull all undergraduate and/or graduate courses from one/many departments. The tutorial below shows you what to do when you only need to pull certain/specific courses. For more information about how to create automated course listing webpages, please email the UMC web team at <cmshelp@mtu.edu>.

Adding Ungrouped Courses to a Page

http://www.mtu.edu/video/2013/courses-list.f4v

Press play to load and play this tutorial

Please note: This video is best viewed in full screen mode. Click the Full Screen button in the bottom right corner to access full screen mode.

Grouping Your Courses By Department

http://www.mtu.edu/video/2013/courses-groups.f4v

Press play to load and play this tutorial

Please note: This video is best viewed in full screen mode. Click the Full Screen button in the bottom right corner to access full screen mode.

Marketing and Communications

Administration Building G13
1400 Townsend Drive
Houghton, Michigan 49931-1295

Ph. 906-487-2354
Fax: 906-487-3553
Email: umc@mtu.edu

Michigan Technological University

1400 Townsend Drive
Houghton, Michigan 49931-1295
906-487-1885

See a Problem?

Email the Webmaster

Protected by Akismet | Blog with WordPress