When editing an event in a SharePoint Calendar, you can specify what kind of event it falls under. This is called “Category.”
You can choose a category from the drop-down:
Or you can input your own:
This article will demonstrate how to create a specific category view. This simply means that only events that are tagged as a specific category will be shown in the view. In the example below, only events with the Get-Together category are shown:
In addition, you will learn how to connect the said view to an Events Design Element.
TABLE OF CONTENTS
Prerequisites
- You must have the latest version of ShortPoint SPFx installed on your SharePoint environment.
- You must be a ShortPoint Designer with an active license.
- You must already have an Events Design Element on your page.
- You must have an Events calendar with categories assigned to each event.
Interactive Tutorial
Start the interactive tutorial to learn how to show only specific category events on your page:
Step-by-step Tutorial
The steps have been divided into two parts. Follow both parts to start showcasing specific event categories on your page.
Part 1: Create a Category View
This section demonstrates how to create a view that only displays a specific event category. In our example, we want to show events that are tagged as Get-Together.
Step 1: Open All Events View
- Go to your SharePoint Calendar and select the Calendar tab:
- Under the [1] Current View drop-down, choose [2] All Events:
Step 2: Create View
- Go to the List tab:
- Click CreateView:
- Choose the view type you want to use. For this guide, we’ll use Standard View.
- Name your View:
- Make sure that there is a check mark beside Category:
Scroll down until you see Filter and select Show items only when the following is true:
Set up the following properties:
[1] Category
[2] is equal to
[3] Replace with the name of the category you want to showcase
- Click OK to apply your changes:
You will now only see events tagged as the category you chose. You may now proceed to Part 2.
Part 2: Connect the Category View
This section demonstrates how to connect the created view to an Events Design Element.
Step 1: Edit the ShortPoint Web Part
- Go to the SharePoint page you want to use and click Edit:
- Close the Toolbox:
- 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 Events Design Element
NOTEBefore proceeding, make sure you already have an Events Design Element on your page. If you don't have it yet, check out How to Customize the Events Design Element.
- Hover over the Events Design Element and click the cogwheel icon:
Step 4: Connect
- Go to the Connect tab.
- Select the connection type you want to use. For this guide, we’ll use Current Site.
- Select the name of your SharePoint Calendar:
- Choose the name of the view you created in part 1:
NOTEThe options that appear depend on the connection type you’re using. Just make sure that in the View drop-down, you select the view you created in part 1. Check out Connection Types for more details about the connection type you want to use.
- Once satisfied, click Connect.
Step 5: Map Items
- Go to the Items tab.
- Delete all default content.
- Use the link icon to map the properties you want to display:
- In our example, we mapped the properties below. You can map the same properties or choose your own:
[1] #LinkTitle - shows the title of the event as the title.
[2] #Category - shows the category of the event as the tagline.
[3] #EventDate - shows the starting date of the event.
[4] #EndDate - shows the end date of the event.
[5] #Location - shows the location of the event as the location.
Step 6: Save
- Click Preview to see how your Design Element will look.
- Once satisfied, click Update.
- Click the eye icon to see your page in real-time:
- Save your changes:
Congratulations! You can now show events tagged as a specific category on your SharePoint page:
Related Articles: