Try ShortPoint nowWant to help your team stay on top of important company events? The Microsoft Graph API makes it super easy! You can set up a neat list that shows all the events for a specific group, so nothing slips through the cracks. Just check out the "List a Group's Events" use case and follow the simple tutorial below.
TABLE OF CONTENTS
Prerequisites
- You must have ShortPoint SPFx version 8.6.0.0 or later installed in your SharePoint environment.
- You must be a ShortPoint Designer with an active license.
- You must have the Microsoft Graph API connection enabled. Go to How to Enable Microsoft Graph Integration for MS Graph API Connections to learn how.
- You must authorize the necessary permissions (Group.Read.All and Calendars.ReadBasic) in the API access page. To check, go to your SharePoint Admin Center > Advanced > API access.
- You must have the Design Element you want to use to connect on your SharePoint page. For best results, we recommend using Design Elements that allow listing of multiple items (e.g. Icon List, Image List, Simple List, etc.).
- You must have a Group Calendar with events:
Step-by-step Tutorial
Follow the steps below to get started:
Step 1: Edit the ShortPoint Web Part
Go to the SharePoint page you want to use and click Edit:
Close the Toolbox:
Select the ShortPoint web part and click the Edit Properties icon:
Step 2: Switch to Grid Mode
NOTEShortPoint Connect is currently only available in Grid Mode.
Click the Switch to Grid Mode icon:
Step 3: Edit the Design Element
NOTEYou can use any Design Element you want. For best results, we recommend using Design Elements that allow listing of multiple items (e.g. Icon List, Image List, Simple List, etc.). For this guide, we’ll use Events.
Click the cogwheel icon of the Design Element you’ll use:
Step 4: Connect to Microsoft Graph API
Go to the Connect tab:
Select Microsoft Graph API:
NOTEYou need to enable the Microsoft Graph API connection before using it. Learn more about it in How to Enable Microsoft Graph Integration for MS Graph API Connections.
Step 5: Use the List a Group's Events Use Case
Search for List a Group's Events and select it:
Under Query Parameters, you’ll be prompted to fill in some details. Let’s get the Group ID first. Click Get Parameter:
Look for the Group you want to use and copy its ID:
Click Go Back:
Paste the copied ID in the Group ID field:
Add the [1] Start Date and [2] End Date you prefer:
NOTEYou can use placeholders to point to dynamic dates. Check out How To Use Placeholders In ShortPoint Connections to learn more about placeholders.
Then, click Run Query:
Click Connect:
Step 6: Map Items
Go to the Items tab:
Delete default content:
Use the link icon to map the properties you want to be displayed:
You can map any property you want. In our case, we used the following properties:
- #subject in the Title field - shows the title of the events as the titles.
- #start_dateTime in the Start Date field - shows the date and time the event starts.
- #end_dateTime in the End Date field - shows the date and time the event ends.
- #locations_0_displayName in the Location field- shows the location of the event.
NOTECheck out ShortPoint Connect: Basic Tutorial to learn more about mapping properties.
Step 7: Save
Click Preview to see how the Design Element will look:
Click Update to apply your changes:
Select the eye icon to see your page in real time:
Once satisfied, click Save:
Congratulations! Your users now have a handy list of group events they can refer to.
TIPDrowning in a sea of files? The Search & Filter Toolbar is your lifeline! With it, your users can quickly search, sort, and filter through events in seconds. Want to add it to your page? Just go to Getting Started: The Basics of the Search & Filter Toolbar to learn how.
Related articles:
