Skip to content

New SPFx Web Part for SharePoint Event Bookings App

We built an SPFx web part for SharePoint event bookings. Employees can browse sessions, register, manage waitlists, and download materials.

In this post, we’re excited to introduce our new application for SharePoint event bookings: Smarter Event Booking. We built it as an SPFx web part. Employees can browse upcoming sessions, register, and manage their bookings. Below, we walk you through the structure of the app.

Application Structure

The app is organized in two layers. The first layer lists events. Each event can offer one or more sessions. We manage the data for events and sessions in two SharePoint lists.

When a user selects an event, all related sessions render in a column next to the events. From there, users can review available sessions and register for one or multiple sessions.

SharePoint event bookings: event list

Anatomy of an Event

SharePoint event bookings: event details

An event has a title and can include a description. You can also attach files for participants to download.

SharePoint event bookings: attachments

This makes it easy to provide additional information and materials.

Sessions for an Event

SharePoint event bookings: session

Each event can include one or more sessions. A session has a title, an optional description, a location, and a start and end time. Sessions can also include attachments for further reading. When a user is registered for a session, we display a clear indicator.

SharePoint event bookings: session booked

Users can also cancel their registration for a session if needed.

Each session defines a maximum number of participants. Once capacity is reached, we show a visual notice. Users can still join the waitlist for that session. If someone cancels, the next person on the waitlist automatically moves up and becomes registered.

SharePoint event bookings: waitlist

For a deeper look at the logic behind the waitlist, see our post on the implementation of the waitlist.

If you’re interested and would like to learn more about our SharePoint event-booking application, feel free to contact us.

Related articles

Smarter Event Booking 1.1.0: The Major Update for
Smarter Event Booking 1.1.0: The Major Update for Modern Event Management

Smarter Event Booking 1.1.0: The Major Update for Modern Event Management

New views, event types, modernized interface and numerous new features – Smarter Event Booking v1.1.0 sets new standards for event management in SharePoint Online.

Read more
Collect Additional Event Registration Details at

Collect Additional Event Registration Details at Sign‑Up

Collect extra registration details at booking — companions, dietary needs, headcount — and store them in SharePoint so attendees can edit information later.

Read more
Set Up Event Bookings in Microsoft Teams in 2 Steps

Set Up Event Bookings in Microsoft Teams in 2 Steps

Add our SPFx web part to SharePoint and Microsoft Teams to enable simple, company-wide event bookings. Follow two clear steps to get your team started.

Read more

Questions about this topic?

We are happy to help you put this into practice in your environment.