You can now display events from your Outlook account through the ShortPoint Connect feature. Here is how it may look like on your SharePoint page:
Please follow the steps below.
TABLE OF CONTENTS
- Before we begin
- Step 1: Add a ShortPoint Design Element
- Step 2: Select My Events (Outlook) Connect
- Step 3: Map the items
- Step 4: Map Items
- Step 5: Insert Design Element
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.
- 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 My Events (Outlook) Connect
Go to the Connect tab and select My 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: Map the items
Choose from the drop-down or input data in the Connect fields.
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.
Set a limit to the number of events that will be shown on your page.
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.
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).
You can see a sample below: