- Skip to main content
- Skip to footer

# Events Calendar - Web Experience Toolkit (WET)

- Documentation
- Questions or comments?

## Linking Options

### Direct Linking

In this method, the calendar links to the first link in each event (usually in the event heading).

1. #### Single-Day Event

   March 11th 2012

   Event Description

2. #### Multi-Day Event

   March 22nd, 2012 to April 26th, 2012

   Event Description

### Details Linking

In this method, the calendar links to the details of the event. This is used when an event has multiple links.

1. #### Single-Day Event

   March 11th 2012

   Event Description

   Links:

   - Single-Day Event Link 1
   - Single-Day Event Link 2

2. #### Multi-Day Event

   March 22nd, 2012 to April 26th, 2012

   Event Description

   Links:

   - Multi-Day Event Link 1
   - Multi-Day Event Link 2

### Ajax Events

In this method, events are pulled from a remote source.

## Display Options

### List Filtering

This option filters out events from the list that are not for the current month. Enable this option by adding the `calendar-display-onshow` class to each event that should be filtered by month.

Events that do not have the calendar-display-onshow class will always be visible.

#### Events List 1

1. ##### Event 1

   March 11th 2012

2. ##### Event 2

   March 11th 2012

3. ##### World Expo Shanghai (Shanghai, China)

   March 22nd, 2012 to April 26th, 2012

   The Canada Pavilion celebrates the vibrancy and the vitality of Canadian communities and the people within them.

   For more information about Canada at Expo 2010 Shanghai, visit: www.expo2010canada.gc.ca/index-eng.cfm

4. ##### Event 4

   March 24th 2012

5. ##### Event 6

   April 11th 2012

6. ##### Event 7

   April 23rd 2012

7. ##### Event 17

   April 23rd 2012

Date modified:
  2013-04-11