Display an event on a site or page

After creating an event, core team members can display the event on the initiative's site and pages.

Tip:

When sharing a public event, ensure that both the event and the site or page are shared publicly.

Calendar of upcoming events

The Upcoming events card displays all events assigned to an initiative, including events created for other initiatives.

1. Open an initiative site in edit mode.
2. Add an Upcoming events card onto an existing row.
3. Hover over the card and select the edit button to switch to edit mode.
4. Select Filter by initiatives and Select initiatives to find initiatives that have events you want to show.
5. Select Options to display the event on a list, calendar, or map. Add an optional Subtitle for time or location.
6. Select Appearance to display or remove the Title (default title is List of Upcoming Events), but you can provide your own title. Optionally, adjust the title alignment and additional settings for colors and card edges.
7. Select Save.

Single event

The Featured event card displays an image alongside the event's details. You can add or update this image by selecting the second drop-down menu within the site builder and choosing Events. Find the event in the list and select its title to open it in edit mode

1. Open an initiative site in edit mode.
2. Drag a Featured event card onto an existing row.
3. Hover over the card and select the edit button to switch to edit mode.
4. Under Event to display, select the drop-down menu and choose the event to display or select Create a new event from the drop-down menu.

Accessibility best practices for displaying events

Both the Featured event card and the Upcoming events card use the background color and text color set in the initiative site's Theme settings.

If your event displays with a background and text color that are both light or both dark, they may not have enough contrast to meet accessibility standards. To change these colors without changing the site's theme settings, select Custom under Color palette in the Appearance menu of the event's settings.