How to Display Recurring Events in ShortPoint

Using ShortPoint features, you can showcase recurring events in your SharePoint page. There are two ways to do so.

One way is to use ShortPoint Connect to display recurring events from your connected SharePoint calendar.

Another way is to manually add recurring events into an Events Design Element:

TABLE OF CONTENTS

• Prerequisites
• Step-by-step Tutorial
  • Option 1: For Connected Events Design Elements
    • Step 1: Check if Recurring Events are in your SharePoint Calendar
    • Step 2: Edit the ShortPoint Web Part
    • Step 3: Switch to Grid Mode
    • Step 4: Edit the Events Design Element
    • Step 5: Connect
    • Step 6: Map Items
    • Step 7: Save
  • Option 2: For Static Events Design Elements
    • Step 1: Edit the ShortPoint Web Part
    • Step 2: Edit the Events Design Element
    • Step 3: Toggle on Recurring Option
    • Step 4: Save

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.
• If you use Option 1, you must have an Events calendar with recurring events.

Step-by-step Tutorial

Follow the option that best suits your needs:

Option 1: For Connected Events Design Elements

This option will detail steps on how to display recurring events in a connected Events Design Element.

Step 1: Check if Recurring Events are in your SharePoint Calendar

• Go to your SharePoint Calendar and select the Calendar tab:

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

• Go to the List tab:

• Click Modify View:

• Select Recurrence:

• Scroll down and click OK to apply your changes:

You will now see a Recurrence column. Under it, you will see a “recurrence icon” for each entry that is a recurring event:

Step 2: 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 3: Switch to Grid Mode

NOTEShortPoint Connect is currently only available in Grid Mode.

• Click the Switch to Grid Mode icon:

Step 4: 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 5: Connect

• Go to the Connect tab.
• Select the connection type you want to use. For this guide, we’ll use Current Site.
• Select the [1] name of your SharePoint Calendar and the [2] view you prefer:

NOTEThe options that appear depend on the connection type you’re using. Check out Connection Types for more details about the connection type you want to use.

• Once satisfied, click Connect.

Step 6: Map Items

• Go to the Items tab.
• Delete all default content.
• Use the link icon to map the properties you want to display:

• Make sure that the Recurrence property is mapped. This is an automatically mapped item.

Step 7: 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 recurring events for connected Events Design Elements.

Option 2: For Static Events Design Elements

This option will detail steps on how to manually display recurring events in 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: 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.

• Click the Events tag:

• Select the cogwheel icon:

Step 3: Toggle on Recurring Option

• Click the cogwheel icon of the item you want to turn into a recurring event:

• Turn on the Recurring option:

• Click the back icon:

• Repeat the steps for the other items you want to turn into a recurring event.

Step 4: Save

• Click the green check mark once satisfied.
• Click the eye icon to see your page in real-time:

• Save your changes:

Congratulations! You can now show recurring events for static Events Design Elements.

Related articles:

• ShortPoint Connect: Basic Tutorial
• How to Connect Events to a SharePoint Calendar
• How to Display All Day Events in ShortPoint