Calendar App Pages

To enable a page in the Calendar, a content template and layout must be created and assigned to it. Assigning layouts to each Calendar page is easily done within the settings of the Calendar app.

Category List Page

If events are sorted using categories, the Category List page is used to show all the categories for your calendar, allowing the viewer to more easily navigate through events.

Design Examples

Code Sample

Event Detail Page

Event Detail pages are dedicated to a single event, allowing you to display the event title, date(s), and more content about the event inside the content template.

Design Examples

Code Sample

Add Event Page

An Add Event page allows authorized users to add new events to the calendar from the front-end of the site.

Design Examples

Code Sample

Event Registration Form Page

If registrations are enabled for events, the Event Registration Form page is used to display the form and the fields that need to be filled out by the user in order to register for an event through the front end of the site.

Design Examples

Code Sample

Account Registrations List Page

Accounts that are used to register events can also view all the events that they have registered for by viewing the Account Registrations List page.

Design Examples

Code Sample

Account Registration Detail Page

An Account Registration Detail page is used to show all the information given when an account registers for an event.

Design Examples

Code Sample

Agenda View - Event List Page

The Agenda View - Event List page is used to display events in an Agenda format - typically this is done using a normal list of events as well as a mini-grid that is used to navigate through the days and months in the calendar.

Design Examples

Code Sample

Grid View - Event List Page

The Grid View - Event List page is used to display events in a Grid format. This is normally done using a calendar that spans the width of the page, listing events for each day of the calendar within its respective day.

Design Examples

Code Sample

List View - Event List Page

The List View - Event List Page is used to display events in a simple list format - similar to how events can be listed in the Agenda view, minus the mini-grid calendar.

Design Examples

Code Sample

Search Page

Similar to the Search app, the Calendar also has the ability to be searched. The Search page is used to display the form used by the user to make the search.

Design Examples

Code Sample

Search Results Page

Results from searches made from the Search page get posted on the Search Results page, similar to how a results page would work within the Search app.

Design Example

Code Sample