Upcoming events

Use this guide to add and edit the Upcoming events component. 

Features

The Upcoming events component displays the upcoming event pages from your website. 

The component:

• displays a maximum of 6 upcoming events
• lists the events in chronological order from earliest to latest
• automatically updates when events are published
• has a button to Go to all events, which links to the events page that displays all upcoming event pages on your school's website
• can be used on the homepage, events, and inside the column control on these pages.

Example Upcoming events:

Before you start

To add, adjust or delete the events that appear you will need to go to the events page. Go to our Events guide. 

Step 1: Add Upcoming events component

• Select Drag components here.
• Select the plus icon.

• Select Upcoming events from the Insert New Component list.

Step 2: Edit the upcoming events component - optional

• Select the Upcoming events component.
• Select the spanner icon to adjust the Upcoming events component. This is the Configure button. 

Step 3: Edit the upcoming events properties - optional

Heading

• Enter a Heading. This appears as the title of the component. For example: Upcoming events.

Link Label

• In the Link label field, enter the text you want to appear below the Heading. For example: Go to all events.

Link Destination

• In the Link Destination field, select the tick icon to navigate through your website pages to find the page you want to link to when the text is selected. For example: Events.
• Once you have found your page, select the icon to the left of the page name. The tick will appear and your selection will turn blue.
• Select the Select button in the top right.
• The link appears in the Link Destination field.

Publish your changes

• For changes to be updated on your live school website you will need to publish the page. 

 You may also find useful:

• Homepage
• Events