How can we help you today?

How to Display Events Tagged as a Specific Category on Your SharePoint Page

When editing an event in a SharePoint Calendar, you can specify what kind of event it falls under. This is called “Category.”


Category


You can choose a category from the drop-down:


category drop down


Or you can input your own:


custom category


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:


sample category view


In addition, you will learn how to connect the said view to an Events Design Element.


sample connected view


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.


sample Events calendar


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:


Calendar tab


  • Under the [1] Current View drop-down, choose [2] All Events:


All Events


Step 2: Create View

  • Go to the List tab:


List tab


  • Click CreateView:


Create View


  • Choose the view type you want to use. For this guide, we’ll use Standard View.
  • Name your View:


name view


  • Make sure that there is a check mark beside Category:


Category


  • Scroll down until you see Filter and select Show items only when the following is true:


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


property

  • Click OK to apply your changes:


OK


You will now only see events tagged as the category you chose. You may now proceed to Part 2.


sample category view


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:


Edit

  • Close the Toolbox:


close icon


  • Click the Edit Properties icon:


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:


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:


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:


calendar name

  • Choose the name of the view you created in part 1:


view name


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:


link icon


  • 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.


sample mapped items


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:


eye icon

  • Save your changes:


Save


Congratulations! You can now show events tagged as a specific category on your SharePoint page:


sample connected view


Related Articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 14 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more