Event Pages

Create a calendar or list of events. Visitors can download ical invitations to their own calendars for each event, recurring events, or all events.

Usage

First start by creating an “Event Landing Page” and then add any number of “Event Page”s as children of the “Event Landing Page”. Each child page here represents an individual event. Events can be one time, or recurring, similar to Outlook or other calendar software. Add content to these pages as you would for a normal “Web Page”.

Event Landing Page

Layout Tab

  • Show list of child pages: Check this box to show a list of all events.

  • Calendar style: There are several options here. Choose one that fits your needs.

Event Page

Content Tab

  • Calendar Color: The color that the event will have on the calendar.

  • Address: The address for the event, if applicable.

  • Occurrences: This lets you add the date and time information for your event. Click the + icon to add a new date and time rule.

Implementation

The event functionality is built-in to Wagtail CRX but it is not enabled by default.

There are two abstract pages available when dealing with events. The first CoderedEventPage holds the information regarding an event. Dates, location, etc. all will fall under this page. The CoderedEventIndexPage will aggregate its children CoderedEventPage and display them in a calendar or list.

To implement, add the following to your website/models.py:

from modelcluster.fields import ParentalKey
from coderedcms.models import (
    CoderedEventPage,
    CoderedEventIndexPage,
    CoderedEventOccurrence
)

class EventPage(CoderedEventPage):
    class Meta:
        verbose_name = 'Event Page'

    parent_page_types = ['website.EventIndexPage']
    subpage_types = []
    template = 'coderedcms/pages/event_page.html'


class EventIndexPage(CoderedEventIndexPage):
    """
    Shows a list of event sub-pages.
    """
    class Meta:
        verbose_name = 'Events Landing Page'

    index_query_pagemodel = 'website.EventPage'

    # Only allow EventPages beneath this page.
    subpage_types = ['website.EventPage']

    template = 'coderedcms/pages/event_index_page.html'


class EventOccurrence(CoderedEventOccurrence):
    event = ParentalKey(EventPage, related_name='occurrences')

Next run python manage.py makemigrations website and python manage.py migrate to create the new pages in your project.

Now when going to the wagtail admin, you can create an Event Landing Page, and child Event Pages.

New in version 0.22: All dates and times inputted via the Wagtail Admin, and rendered on the calendar and throughout the site, will be converted to TIME_ZONE from your Django settings. It is highly recommended to set TIME_ZONE and USE_TZ = True in your Django settings for the Event pages to function correctly.

For example, if TIME_ZONE is set to America/New_York, then entering an event for 2021-12-31 09:00 in the Wagtail admin will be saved as 9am New York time. It will also be displayed on the website as 9am New York time.

If you then changed TIME_ZONE to America/Chicago, the event time will automatically be displayed as 8am Chicago time.