LiveWhale Calendar Component

The LiveWhale Calendar component presents a feed of events drawn from your department's LiveWhale Calendar. For documentation on setting up events using LiveWhale and/or EventBrite, please visit the Events Calendar help site. Please note that this site is restricted to SFU faculty and staff members.

Example of an event listing using the LiveWhale Calendar component with Detailed Events List display option in CLF3.
Example of an event listing using the LiveWhale Calendar component with Detailed Events List display option in CLF4.

Configuring the Component

The LiveWhale Calendar component allows you to display events from your department's calendar, another department's calendar, or a combination of both. You can also filter the list to only display events at a particular campus, or events that are targeted at a specific audience group. The number of events displayed can be limited by adding a value to the Limit field.

Note: The "Detailed Events List" and the "SFU Events Calendar Layout" display type requires a large horizontal area. If you are placing the component in a narrow column, use the "Simple Events List" display type. 

Configuration Options

Display as — Select from "Detailed Events Display" to show full event details (e.g., image, event title, date(s), location, event organizer, and ticket cost [if applicable]), "Simple Events List" to show the event date(s) and title only, and "SFU Events Calendar Layout" to show events in a tiled display format (similar to the central events calendar front page).

Group – Select the group/department's calendar you wish to display. Multiple calendars can be displayed within the same component. Note that leaving this field blank will display events for all groups.

Event Type – Select from the list of available event types you wish to display. Note that leaving this field blank will display events for all event types.

Location – Select from SFU Burnaby Campus, SFU Surrey Campus, SFU Vancouver Campus, Off Campus, or Online. Note that leaving this field blank will display events from all locations.

Audience – Select from All Students, Prospective Students, Undergraduate Students, Graduate Students, Alumni, Public, Faculty, or Staff. Note that leaving this field blank will display events for all audiences.

Tags – Enter one or more tags of the events you wish to display.  Multiple tags are entered with comma separating each tag. Note that leaving this field blank will display all events with or without tag.

Limit – Set a maximum number of events to be displayed.

CSS Class - add a style to the component; available only in the CLF4 template

Previewing the Component

In order to view the events in AEM Author, you will need to enter Preview mode by clicking on the magnifying glass in the Sidekick and refreshing your browser. The component will fetch an up-to-date list of upcoming events and display them in Preview mode.