Components are a great way to re-use content you have already added to your site elsewhere. The Events Component lets you pull through events from existing calendars on your website.
Pre-requisite - You will need to ensure there is an existing calendar on your site which contains events in the future.
Inserting the Event (List) Component
This component allows you to output a list of events from a calendar on your website. You can choose how many items to display, as well as the date range you with to include events from.
- Click the Components icon from the editor toolbar, then select the Website Content> Events (list) option from the list.
- If you would like to display a title above your component, for example 'Upcoming Events', tick include title and enter the title text.
- To select a calendar, click Browse. You will be presented with a tree-view of your site, showing only items where calendars exist. In the tree choose the Calendar that you would like to show dates from, then click Select.
- Click Limit to set the maximum number of events to pull through from your calendar.
- If you would like to only show events within a specific date range, you can set the From & To fields, otherwise make sure these fields are left blank.
- Click OK to embed your list of calendar events onto the page
Inserting the Event (single) Component
This component allows you to output a single event that has been added to any calendar category on your site.
- Click the Components icon from the editor toolbar, then select the Website Content> Events (single) option from the list.
- If you would like to display a title above your component, tick include title and enter the title text.
- To select an event, click Browse. This will open the Select Event dialog
- To find the event you wish to add;
- Select the calendar category you would like to search
- You can then enter any of the following to refine the search
- Filter Tags (if you have this option on your website)
- Date Range
- Search (enter all or part of the event title)
- From the Select an Event dropdown, choose the event you wish to display.
- Click OK to embed your chosen calendar event onto the page.