Upcoming Events Component

The Upcoming Events component is used to display the title, time, and date of future events of a publicly shared calendar feed coming from SFU Exchange Online. It requires a public calendar URL.

When should it be used?

Use this component when you need to display a summary of upcoming events and, optionally, a link to a page with more details. If you wish to display events in a calendar type format, consider using the Calendar Component instead.

Using the Upcoming Events Component

1. In the Sidekick, expand the Social toggle, and insert the Upcoming Events component onto the page.

2. Right click and select Edit to input the required information.

3. Enter the Calendar URL.

4. After clicking OK, the component should populate with events coming from the calendar feed you used.

Component Properties

Options toggle:

  • Hide Title – Hides the title that appears at the top of the component.
  • Title – Allows you to create a heading that will show at the top of the component. By default the title is "Upcoming Events".
  • Range – Show future events happening within the specified number of days.
  • Limit – Sets the maximum number of events to be shown.
  • CSS – Allows an author to provide an optional class name that will apply a style to the component.

Example of an Upcoming Events component

Making the calendar public

In order for your calendar to be displayed on a public webpage, follow the instructions on how to publish your calendar: https://support.microsoft.com/en-us/office/share-your-calendar-in-outlook-on-the-web-7ecef8ae-139c-40d9-bae2-a23977ee58d5