How to Open Linked SharePoint Events in Modern View

Connected Events Design Element allows you to add a clickable link that leads to a single event page. By default, the event page will be displayed in Classic View because the Events list itself is a classic app.

This article will demonstrate how you can display the event page in Modern View instead of the default classic view.

TABLE OF CONTENTS

• Before you begin
• Step-by-step Tutorial
  • STEP 1: Insert the Events Design Element
  • STEP 2: Connect to Events List
  • STEP 3: Map Items to Display
  • STEP 4: Insert and Save

Before you begin

• You must have the latest public version of ShortPoint installed on your SharePoint environment
• You must be a ShortPoint Designer with an active license

Step-by-step Tutorial

Follow the steps below to learn how to display the Event page in Modern View:

NOTE: Before proceeding, make sure that you have already created an Events list on your SharePoint site.

STEP 1: Insert the Events Design Element

Watch the video below to learn how to insert a Design Element in Grid Mode.

NOTE: Check out How to Insert a Design Element in Grid Mode for more details on inserting Design Elements.

STEP 2: Connect to Events List

Go to the Connect tab (1) and choose the connection type (2) you prefer. 

For this guide, we will be using the Current Site connection type.

Select the name of your list from the List/ Library drop-down.

Select the View you prefer. 

Click Connect. 

STEP 3: Map Items to Display

On the Items tab, map the items you want to display. 

For this guide, we wanted to display the title, start date, and end date. 

NOTE: To learn more about mapping items using ShortPoint Connect, check out ShortPoint Connect: Basic Tutorial.

Copy the line of code below:

{siteUrl}/_layouts/15/Event.aspx?ListGuid='{calendarListId}'&ItemId=#ID

Then, scroll down until you see the Link field and paste the code.

Replace {siteUrl} with your site’s URL.

Replace {calendarListId} with your calendar ListID.

NOTE: Check out our support article on How to find a SharePoint ListID to learn how to get your calendar ListID.

STEP 4: Insert and Save

Once satisfied, click Insert.

Click Save. 

That’s it! You will now be able to see the individual Events page in Modern View. 

Related articles:

• ShortPoint Connect: Basic Tutorial
• How to find a SharePoint ListID
• How to find a SharePoint ListID (Classic Experience)