Display Accessibility Tools

Accessibility Tools

Grayscale

Highlight Links

Change Contrast

Increase Text Size

Increase Letter Spacing

Readability Bar

Dyslexia Friendly Font

Increase Cursor Size

MICHIGAN STATE UNIVERSITY
College of Natural Science
Digital Experience

News Listing V2

The News Listing V2 component will take an blogs.xml file from Modern Campus and display items in a horizonatal card layout. The number of items to display is configurable.

Demo

placeholder image of a dog with glasses
December 8, 2025
Scientists Create Wormhole to Skip Mondays
No more Monday blues, we are going straight to Tuesday.
Read article
placeholder image of a dog with glasses
December 8, 2025
Scientists Create Wormhole to Skip Mondays
No more Monday blues, we are going straight to Tuesday.
Read article

Instructions for use

While editing a page:

  1. Move your cursor to the area of the page you wish to add the component.
  2. Click the "Insert Component" button in the editor toolbar.
  3. Select the News Listing V2 component from the list.
  4. Enter in the URL for the blogs.xml file from your site.
  5. Enter in the number of items you would like to display.
  6. Click the "Save" button.

Note: This component requires manually adding <div class="feedOutputListing">Loading News <span aria-hidden="true" class="fa fa-spinner"></span></div> to the area of the page you would like the feed to appear. The code for this component requires this element to be on the page in order for it to function and display properly.