Make your Outlook group's events viewed readily by adding them to your SharePoint Modern page through ShortPoint Connect Group Events (Outlook) option.
Here is how the end result may look like on your page:
TABLE OF CONTENTS
- Before we begin
- Prerequisites
- Step 1: Add a ShortPoint Design Element
- Step 2: Select Group Events (Outlook) Connect
- Step 3: Complete Connect fields
- Step 4: Map Items
- Step 5: Insert Design Element
- Result
Before we begin
This connection can only connect with mailboxes of Exchange Online (Office 365) and is only released for SharePoint Online (Office 365) and SharePoint 2019 platforms.
Prerequisites
- You have an active Outlook account.
- You have ShortPoint SPFx version 6.9.28.х or higher.
- You should grant ShortPoint permissions to read the Outlook Events details. To do that, please navigate to the ShortPoint Dashboard > Integrations and click Connect under the Microsoft Graph section. For more information about integration, continue to this article: Setting up Microsoft Graph Integration for SharePoint Online.
Step 1: Add a ShortPoint Design Element
In this example, we are using an Events Design Element, but you may use any option from the Page Builder.
Step 2: Select Group Events (Outlook) Connect
Go to the Connect tab and select the Group Events (Outlook) option.
Note: If you haven't granted permissions to access your Outlook Events data (prerequisite 3), you will see a warning in the Design Element Connect tab:
In order to fix it, navigate to the Integrations page from the ShortPoint Dashboard and connect the Microsoft Graph:
In case you already connected Microsoft Graph, but still see the warning while setting up the Outlook connection, click Reconnect button and Accept the new list of permissions granted for the ShortPoint App.
Input options to connect to your Outlook events will appear.
Step 3: Complete Connect fields
Choose preference from the drop-down or input data in the connection fields.
Group
This field will automatically connect to the available Groups in your organization and list them in the drop-down. Select the group whose events you want to show on your page.
Recurring Event
Select Expand if you want to show all occurrences included in your recurring events and Show Only Master Event to show only the first occurrence.
Show Upcoming or Past Events
Input the number of Days, Months, or Years of events you want to show from the past or that are still to happen.
Items Limit
Set a limit to the number of events that will be shown on your page.
Date Format
Set the time zone and date/time format you wish to adapt.
If no selection is made, the user’s time zone and date/time format will be used by default.
Note: Date and time format options are listed below the field. The most common format is MM-DD-YYYY hh:mm to show as 01-31-2020 3:00 PM.
Once complete, click the Connect button and wait for the connection to load.
Step 4: Map Items
Map the corresponding properties of your Outlook events to be shown on your page in the Items tab.
In this example, we selected Title for the Title field, Start Time for the Start Date field, End Time for the End Date field, and Location for the Location field.
You can also set here if you want recurring events and all day events to be identified. Just choose Recurrence Pattern in the Recurring field:
and All Day Event in the All day field:
Add a link to your event by selecting Item URL in the Link field and choose how you want it to appear in the Linking options field.
Note: Check our solution article if you would like to know more about Types of Linking Options in Page Builder Design Elements.
Step 5: Insert Design Element
You can select Preview to check the result and when you are satisfied, you can click Insert (or Update if you are editing an existing Design Element).
Result
You can see a sample below:
Related articles: