SharePoint Online: Filtered Display of Events

Learn how to efficiently filter and display future events using the modern UI of SharePoint Online. Use this powerful tool to enrich your intranet with a well-organized event management system.

Introduction

In SharePoint Online’s Modern UI, there is a WebPart available that allows publishing upcoming events in the intranet. Editors can use this tool to store and display planned events in the system.

The Concept

The goal is to assign planned events to different types by adding a specific characteristic as metadata. This characteristic later facilitates the filtered display of events, which are only shown to visitors in the detail views.

This approach is particularly helpful when many events are planned in the intranet to avoid overwhelming users.

Users can apply the WebPart filtering on different page sections within the website.

Technical Implementation

1. Develop different categories for event types.
2. Add these event types to the list configuration for storing future events.
3. Editorially create planned events with the selection of a specific event type.
4. Install and configure the WebPart to display events.

Step 2: Adding Event Types to the List Configuration

Once the “Events” WebPart is first used on a SharePoint Online website, a calendar list is automatically created under “Events”. This list stores the events created by editors.

A URL to the list can be found at:

https://<tenantname>.sharepoint.com/sites/<websitename>/Lists/Events/

Although there is no direct integration with Outlook or Exchange Online from Microsoft provided, this list can be automatically supplemented with PowerAutomate.

Step 3: Editorial Creation of Planned Events

When creating an event, users can select one of the previously created event types in the “Category” dropdown field:

Step 4: Setting Up the WebPart for Event Display

When configuring the “Events” WebPart, the desired filter value for the event category must be entered in the “Category” field. Note that the correct spelling with spaces over multiple words must be used.

Further Information

More details on using the Events WebPart can be found on the Support Page.