Day: August 28, 2018

Research Projects

Academic departments have the option to automatically pull in research project information to their CMS website. The information comes from a database of projects that are approved for public knowledge by the Research Office. The standard information that is pulled in is:

  • Principal Investigator
  • Co-PI
  • College/School
  • Department(s)
  • Sponsor
  • Center/Institute

The PI and Co-PI fields will automatically link names to their faculty page if one is set up in the CMS.

Example of research projects listed on a website.

Departments can be given the ability to override this information (as viewed on your departmental website only) or manually add projects that are not listed. If you have never used this function before, you must contact to get set up. Departments currently set up are Mechanical Engineering-Engineering Mechanics, Electrical and Computer Engineering, and Computer Science.

  1. From the Pages List View navigate to the research projects folder.
  2. From the dropdown next to the green +New button at the top of the screen select Research Project.
    Create Research Project screen
  3. Page Title: Enter the name of the research project.
  4. Filename: Enter the IR Number or a short project name in the filename using only lower case letters, numbers, and hyphens.
  5. Leave the Research Project Options as is.
  6. Click the blue Create button. The item will open you up to the Edit screen which is not used.
  7. From the Properties tab, go to MultiEdit Content.
    Research Project MultiEdit Content screen.
  8. Project Title: This field will already be populated based on what you entered when you created the Research Project item.
  9. Start Date: Select a start date for when you want the content to go live.
  10. End Date: Select an end date for when you want the content to no longer be live.
  11. IR Number: Enter the IR Number for the project. If this number matches an existing IR number that is displaying on your page, the information you enter in the fields will override the information that comes from the database.
  12. Award Amount: Enter the award amount for the project including the $.
  13. College/School: Enter the college or school name that the project is under.
  14. Department: Enter the department name for the project.
  15. Sponsor: Enter the name of the sponsor for the project.
  16. Center/Institute: Enter the name of associated centers or institutes for the project as needed.
  17. Principal Investigator Name: Enter the name of the principal investigator for the project.
  18. Principal Investigator Email: Enter the email address for the principal investigator for the project in order to link to an existing personnel item.
  19. Co-Investigator 1-4 Name: Enter the names of up to four co-investigators for the project.
  20. Co-Investigator 1-4 User IDEnter the corresponding user ID for the co-investigator(s) listed in order to link to existing personnel items.
  21. Body: Use the mini-editor to add additional information to the research project.
  22. Save the changes with the blue Save button at the bottom of the screen.
  23. Publish the item.

Image Gallery Snippet

This snippet will create a grid of thumbnail images that pop up into a scrollable gallery when a thumbnail is selected or a gallery of larger images that the user can scroll through that also pop up into a larger image. For the thumbnail option, only the pop-up image will display the title caption, but they will be displayed on the page for the gallery option.

An example of the thumbnails of an Image Thumbnails with Gallery widget.

An example of a gallery image of an Image Thumbnails with Gallery widget.

An example of the gallery style Image Gallery snippet.Image Gallery snippet.

  1. Using the Image Editor, crop the images.
    1. For the thumbnail option, crop the Square type and either the Banner, Card, or Vertical type. The image must be at least 800 pixels wide in order to have a pop-up.
    2. For the gallery option, crop a Banner, Card, or Vertical image type. The original image must be at least 800 pixels wide in order to have a pop-up.
  2. Select thumbnail or gallery from the dropdown menu to select the gallery display type.
  3. Insert the image in the Image field.
    1. For the thumbnail option, insert the square170 image.
    2. For the gallery option, insert the size that you want displayed on the page.
  4. Enter the title in the Title field to the right of the image, if desired. Linking this text will display a link on the pop-up image for the thumbnail option or both the page image or pop-up image for the gallery option.
  5. Enter the accompanying caption in the Caption field to the right of the title. Linking this text will display a link only on the page image for the gallery option. No links will appear in the pop-up images.

If you are including more than three images, press the Tab key to get more fields.

ALT Tags on Images in Blog Posts

ALT tags (also known as alternative text, ALT text, or image descriptions) are an important factor in making your webpages accessible. This is also true for images used in your blog posts. Michigan Tech’s Accessible Technology Training Resources provides a training resource and guidelines for image ALT tags.

When uploading a new image to the Media Library, selecting an existing image from the library, or editing an image in the library or within a post, look for the “Alternative Text” or “Alt Text” field in the image details. Enter your text in that field.

Insert Media window with Alt Text field circled.
This screen appears when selecting an existing photo or adding a new photo to the Media Library.

This text is saved with the image and reused when that image is inserted into additional posts.

Image Details window with Alternative Text field circled.
This screen appears when editing an image already in a post.

This text is not saved with the image and only used for the instance of the image you are editing.