We’ve already introduced our application for SharePoint Event Bookings in several articles. It has also been available in the Microsoft Store for a few weeks. We continuously improve our products and incorporate customer feedback. In this post, we’d like to share a closer look at our latest enhancement: a calendar view.
Enable the calendar view via toggle
Until now, events and their sessions were displayed in a list: the left column showed all current events, and the right column listed the corresponding sessions. With the latest update, users can switch on a calendar view via a toggle in the toolbar. All event sessions appear in the calendar. Sessions a user has booked are highlighted in green, providing a clear overview. By default, the calendar opens in a week view.
Users can also switch to a month view.
Session details in a panel
When a user clicks a session in the calendar, a panel opens on the right. The panel shows the session details along with the associated event. Users can register or cancel their registration directly in the panel.
Localization for the calendar
We implemented the calendar view using the FullCalendar package. You can pass the locale as a parameter.
// German localization -> e.g. Mo, Di, Mi, Do, Fr, Sa, So
<FullCalendar locale="de" />
// English localization -> e.g. Mon, Tue, Wed, Thu, Fri, Sat, Sun
<FullCalendar locale="en" />Depending on the configured localization, the calendar headers (for example, days and months) appear in English or German. The first day of the week also changes based on the locale (Monday or Sunday). If you prefer to set the first day of the week independently of the current locale, you can do so in the web part settings.
Interested in learning more about our calendar view for event bookings? Feel free to get in touch.
