University at Buffalo - The State University of New York
Skip to Content
UB Web Management

Transforming UB’s digital communications through process and tools

Event List Component

No events scheduled.

Display events from the UB Events Calendar on your page.

Pardon Our Dust

We are finalizing some changes to this component and will continue to update this page; e.g. we plan to move all settings onto one tab.

Known Issue

Occasionally Event Lists on published pages just display 'loading events' instead of the actual events in your feed. > read more

Overview

Promote your upcoming events, with the full functionality of the calendar provided when a user clicks through for more details. We have set up a series of UB-wide parameters, including schools, topics, and audiences, and can set up feeds drawing on these settings or special pre-arranged keywords.

All UB constituents can contribute events, plus select unit representatives can request access to the master calendar to manage new submissions or build feeds.

Using This Component

Add the component to the page. When it first loads, the default message "No events scheduled" is displayed.

Three tabs will soon be compressed into one main tab: Module, Event Selection and List Items. An additional External tab has been temporarily added to hold the new feed ID.

Component as it first appears on the page.

Component as it first appears on the page.

Lists by default provide 15 events over 180 days

You can reduce the number displayed in the UBCMS, but if you need a longer list, the feed must be changed in the main calendar.

Module Tab

Title: Assign a suitable heading for your events feed.  

"No events" text: Display a custom message when there are no events.

  • By default "No events scheduled" will be displayed.

Show feed icon: Display a small RSS icon in the upper right of the list results.

Feed page: Set the link for the RSS feed icon.

  • The RSS feed URL can be found by following the 'See All' link to the main calendar, then clicking the RSS icon to reveal the 'share this' URL. The share function also allows adjustment of the feed's date range.
    e.g. https://calendar.buffalo.edu/page/rss/?duration=30days&token=MThkNTQyYjYtYmY2Ny00Nzk4LTlmMjQtMzJjNmYwYzljZTViMTIxZmRjMzUtNDYyYi00ZjczLWFlMjktMDU2YTQyMjFhNzll

Show "See All" button: Add a way for people to browse all your events in the master calendar.

"See All" button text: Customize the "See ALL" button label.

  • If left blank, the default 'See All >' will be used.

"See all" button link: Customize where the "See All" link goes.

  • If left blank, will automatically go to this feed in the main calendar.
  • Usually this should go to the main calendar, but you may wish to link over to your main events page. (In this case, make sure the feed on your main events page links to the main calendar!)
This component opened for editing, showing the Module tab.

This component opened for editing, showing the Module tab.

No events scheduled.

Event Selection Tab

Future Number (will be renamed 'Limit'): Set the maximum number of future events to be displayed.

  • By default, feeds are set to fifteen events over the next 180 days.
  • Choosing a number larger than the feed size will have no impact.
  • Choosing a  smaller size will reduce the number of items in the feed to that number.

NB. Users must click through to the main calendar to use pagination or other navigation features.

The component opened for editing, showing the Event Selection tab.

The component opened for editing, showing the Event Selection tab.

List Tab

New window: Open links in new window.

  • If this is not selected, clicking an event will display the details in the same browser tab.

Display as: The default setting places a large 'calendar' icon beside each event.

  • Events: With Date Block (default)
    • This displays a linked event title, then the date, time and location details.
    • Beside the event details is a large colored square containing the day's date. Past events will be gray, today's events will be dark blue, and future events will be light blue.
  • Events: Without Date Block
    • This compressed format skips the date block, but displays the linked event title, then the date, time and location details. 
This opened for editing, showing the List tab.

This opened for editing, showing the List tab.

External Tab

External ID: Supply the main calendar feed ID.

Activate External: Check to display the new calendar events feed. When unchecked, the old calendar events will display if available.

NB. The Activate External setting and old calendar events will soon be removed.

Site: Select the origin of your events.  

  • blank (default, draws from the master UB calendar)
  • jsmbs (medical school calendar feed)
This component opened for editing, showing the External tab.

This component opened for editing, showing the External tab, and an example ID. The Activate External setting will soon be removed.

Restrictions

  1. This component only works with a feed from the UB Events Calendar.
  2. By default, all feeds are set to fifteen events, over 180 days.
  3. Events will display until their end time is reached.
  4. All additional navigation is provided by clicking through to the main calendar.

Was this page helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)

On this page:

See An Example:

Promote your events!

All UB staff, faculty, and students can submit events to the UB Events Calendar.

Learn more about the UB Events Calender

Calendar Support has the details.

Master Class Resources:

Related Components:

Last Reviewed:

August 10, 2017