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.

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.

<table class="striped table-sortable">
<thead>
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<td>Cell 4</td>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
</tbody>
</table>

Advanced Settings

The table can easily be configured to fit your needs. Use these settings to customize your sortable table.

• Initial column to sort: Give the <th> a class of table-th-sort. Use table-th-sort-rev to have it sorted in reverse.
• Disable column sorting:Turn off sorting on a specific column by giving the <th> a class of table-th-nosort.

Here’s an example with both of the advanced settings.

<table class="striped table-sortable">
<thead>
<tr>
<th class="table-th-nosort">Heading 1</th>
<th>Heading 2</th>
<th class="table-th-sort-rev">Heading 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<td>Cell 4</td>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
</tbody>
</table>

If you have any questions or need help implementing a sortable table, contact us at cmshelp@mtu.edu.

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

Click here to view the embedded video.

Press play to load and play this tutorial

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

Grouping Your Courses By Department

Click here to view the embedded video.

Press play to load and play this tutorial

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

Send us an email at <cmshelp@mtu.edu> with the URL of your web page (a live page or a CMS preview link) and let us know that you’d like a “style and coding clean up”. We will take a few minutes to clean up your web page and have it looking great.

When creating new webpages, it is important to properly fill out the keywords and description fields (meta data) in your Generic (Page). In the keywords field, enter 6-8 phrases that are comma separated. A keyword phrase is a 1-4 word phrase that describes your webpage. These are typically phrases that web users will type into a search engine, in order to find our webpage.

As an example, let us say that you have a webpage about the campus job fair. Your keyword phrases may be:

houghton job fair, michigan tech job fair, job fair, houghton career fair, michigan tech career fair, career fair

It is important to fill out keywords that relate to your webpage to help search engines like Google and Yahoo rank your webpage higher in their search rankings.

For the description field, add 1-2 sentences about your webpage. This could be as simple as the first sentence from the webpage itself, or, you have the option to write something customized. Search engines will often use the description field to describe your webpage when it is pulled up in search results. Thus, the descritpion field gives you the opportunity to shape what search engines will say about your webpage, when users are searching for you.

If you have any questions about search engine optimization (SEO), you can ask us by emailing cmshelp@mtu.edu.

Note: Sizes are displayed as width x height. An asterisk (*) indicates that the size is variable.

The Image Editor is only capable of creating image sizes that are listed in the table above. You will need to decide on a location in the CMS for your image as well as what image size or sizes you would like to use. An advantage of using the Image Editor is that you do not need to size or crop your image before you load it into the CMS, you just need to follow a few rules. Your image needs to use the RGB color palette, be a .jpg, .png, or .gif, and be less than 10MB in size (.tif files will not work). No other restrictions apply. You can use Photoshop or another image editing program to save a version of your image that is compatible with the CMS. If you need assistance with your image format, please contact the UMC web group at <cmshelp@mtu.edu>.

Once you load your image into the Image Editor, you may crop it into multiple sizes (if necessary) that will be stored and associated with your one Image Editor file. Your Image Editor file will contain your original image along with each size that you crop. This will allow you and others to access multiple image sizes depending on where you wish to use your image or what you wish to use your image for.

Loading Your Image

Right click on or in the folder that you wish to store your Image Editor file. Select “New Image”:

Creating a new image editor item

You will be presented with this screen:

Image Editor content form

Fill out the various fields of the Image Editor content form.

The system title is only seen within the CMS. Use a system title that is descriptive of the image you are working with. This field is used when searching for the image within the CMS.

The display title is used by some CMS templates as a title above the image. Enter something short yet accurate; even if you don’t plan on using a display title on your page.

The image alt text describes the image to someone who can’t see it. This tag may be read by assistive software or by someone with a text-only browser, slow connection, or mobile device. Keep it short and to the point because it also appears when the mouse hovers over an image.

The image description is more informative than the image alt text. Say what’s happening, who’s in the photo, where the photo was taken, and any other information that would be interesting to readers. An added bonus is that it will help other editors in CMS to use your photo in the correct context.

Once you are done filling out the various textboxes, click on “Browse” and select your image to be uploaded into the CMS. A new section of the Image Editor content form will appear:

Filled out Image Editor content form

Use the checkboxes to select what image sizes you would like to crop for. You must select at least one size and you may select as many as you like. Its best to crop for all sizes that make sense, even if you aren’t sure that you will use all of them. Remember that each size that you crop for becomes available to the entire CMS community. If you do not crop for a specific size, that size will not be available for anyone else to use. Once you have selected your sizes, click on the blue “Next” button along the top. You’ll see a screen similar to this:

Using the Image Editor to crop

The text in the top left corner will let you know what image size you are cropping for. In the above example, we are cropping for a 95 x 95 pixel Small Thumbnail. The four red squares represent the area of the image that you are selecting. The area of the image outside of this rectangle will be cropped out. Click on any of the four red squares and drag them as needed to select the area of the image that you would like to use. Once you have selected an image area that you are comfortable with, click the blue “Next” button along the top.

You will be presented with similar screens as you crop for your different sizes. Once you have cropped for each size that you selected, you will be given a confirmation screen similar to this:

Image Editor confirmation screen

This screen will show you each size that you have cropped for plus the original image that was uploaded to the CMS. You may use the blue buttons across the top to go to previous screens to make changes or to save your image.

Common Errors

There are a few common error messages associated with the Image Editor:

1. “You must upload an image before continuing.” after you’ve uploaded a file
2. “HTTP Status 500″ after using the previous or next button.
3. Request processing failed; nested exception is java.awt.image.RasterFormatException: (y = height) is outside of Raster
4. Your image is rotated 90 degrees

You may receive the first error despite selecting an image to upload into the CMS. This can be caused by one of two things; either your image is a .tif file or it uses the CYMK color palette. To remedy this, save your image as another file type (.jpg being the safest) and make sure it uses the RGB color palette. Then you will be able to upload your image as normal. There is a 3rd party online CYMK to RGB image converter that may be helpful as a last resort. If you need assistance with your image format, please contact the UMC web group at <cmshelp@mtu.edu>.

You may receive the second error when using your previous or next buttons. This occurs when you select a cropped area with a width or height of zero pixels. This will cause the Image Editor to error. To fix this, start over and make sure you have selected an area to crop with a width and height of greater than zero pixels.

You may receive the third error when using an image that is smaller than the crop size that you are trying to create. The Image Editor will automatically select a preset number of pixels and, if your image is too small, fictitious/nonexistent pixels will be selected. You can see what all the default image sizes are at the top of this post. Somehow, more pixels are being selected than what exist.

You may receive the fourth error because your image was already rotated before uploading to the CMS. Unfortunately, the CMS has no rotation abilities. Advanced cameras can detect if you rotated your camera to take a photo and add some sort of variable to the raw data indicating so. Thus, certain “smart” programs on your machine will display your image as right-side up even though it is rotated 90 degrees. Other programs (and the CMS) will show that your image actually is rotated, as it was taken. You can  open your image in Photoshop or another image editing program it will most likely automatically rotate for you. All you have to do is “save” the image then.

Thank you.

- UMC Web Team

Note: This was originally posted on October 4th, 2012.

The upgrade has been completed and the system should be up and running. Contact cmshelp@mtu.edu if you notice any issues.

–Original–

There will be an outage for the CMS on Tuesday December 18th from 6am until 10am. The system will be unavailable during this time as we are perform a system upgrade. All of your existing pages will be available and your websites should experience no downtime. If you have any questions please contact cmshelp@mtu.edu.

Any updates about the outage will be posted here.

- UMC Web Team

Click here to view the embedded video.

Press play to load and play this tutorial

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

Click here to view the embedded video.

Press play to load and play this tutorial

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

Step-by-Step Instructions

1. Log into the CMS
   1. Switch to the Chemistry_Admin community
2. Locate the “cms-export” folder
   1. /Sites/CSA/chemistry/cms-export/
3. Right-click on the “links” folder within the “cms-export” folder and select “Create New Item” -> “Highlight”
   1. Fill out the System Title and Content Title with your course number (ie: CH1130)
   2. Create your link in the Callout field (ePhox box)
      1. You can “right align” your link by clicking any where in the link (don’t highlight the text) and then selecting “.right” from the style dropdown menu
   3. Click “Insert” and then “Close“
4. Direct your Highlight to Public
5. Right-click on the “courses” folder within the “cms-export” folder and select “Create New Item” -> Snippet Publish
   1. Fill out the two fields with your course number (ie: CH1130) and use NO spaces
   2. Click “Insert” and then “Close“
6. Right-click on the Snippet Publish item that you just created and select “Slot Editor (AA Table Editor)”
   1. Click on the text/link in the top left corner that says “List Slot( 509)“
   2. Locate the Highlight that you had previously created in the “links” folder
   3. Select the “Callout” template
   4. Click “Open“
   5. Click “Close“
7. Direct your Snippet Publish item to Public