Update: 20 January 2025 for Release v207
Did you know that your Calendar can display your events in multiple ways? Perhaps you have heard about the Brochure view, but there are some more cool layouts at your fingertips.
Agenda Layout Options
You can apply different layouts to your entire Agenda:
Default list layout, grouped by production
Layout = normal
Default list layout, grouped by date
Displaying each event individually by date
Layout = grouping
Brochure layout, for a grid of productions, with a pop-up
Enables quick browsing through your Productions
Layout = brochure
Mobile layout, grid view
The grid view that features every production in the mobile card-layout
Layout = grid
Agenda Filter Layout Options
The filter at the top of your calendar can also be configured in four different ways:
- Default
- Sentence
- Sidebar
- Simple
- Buttons
Default filter
The default filter sits at the top of the Agenda page.
It can be minimized to show only the basic selection, or folded out to show extra options, like genres, tags, locations.
- To set the filter as folded out or folded add the parameter "filtersDefaultCollapsed” in Routes & Parts > Event overview > Events (Main) part in the Dashboard [true is folded in, false is folded out].
- The options you want to show in the minimized view can be changed in changed with the parameter “filter” in Routes & Parts > Event overview > Events (Main) part. Values are "date" "genre" "location" and "theme".
Tag limit
Set how many tags are shown initially before showing the “more” button.
- To set a limit add the Parameter “tagsLimit” in Routes & Parts > Event overview > Events (Main) part in the Dashboard.
Sentence Filter
The sentence filter has a limited subset of options. You can select a date range, genres and locations.
- The filter can be activated by adding the parameter "filters" in Routes & Parts > Events > Events (Main) part in the Dashboard, with the value "sentence".
Sidebar filter
The sidebar filter has all the options of the default filter. The filter is positioned on the side of the desktop view of the calendar. On mobile it changes into a slider you can open and close.
- The filter can be activated by adding the parameter "filters" in Routes & Parts > Events > Events (Main) part in the Dashboard, with the value "sidebar".
Simple
The simple view only shows the icons for Genres and Date picker. Selecting either opens up a modal to see the available genre filters or calendar.
- The filter can be activated by adding the parameter "filters" in Routes & Parts > Events > Events (Main) part in the Dashboard, with the value "simple".
Filter buttons
The alternative for a full calendar filter is a more minimal filter button style list. This part can be used on the Homepage and above the agenda overview. It can display genres, tags, locations and/or themes, all neatly in a row.
- To add Go To System > Routes & Parts and add the parameter "filter" and set value to “genre” “location” “theme” “tag” (or a combination, no comma’s in between).
- Add the Parameter “limit” to the part to limit the number of buttons in each row.
Adding layout icons to your Calendar filter
The filter in your calendar overview has a new section at the bottom, where the selected filters are shown.
Right next to the selected filters we made room for some icons for visitors to change the layout of the overview themselves (This is not shown on mobile devices because these options do not feature on mobile screens).
All the options can be individually shown or hidden. These are set in Control Panel > Events & Productions >Layout controls.
How to activate the Agenda layout in the URL
You can set which layout is shown in the Agenda URL. You can check it out directly on your own website now.
You can make links to specific layouts by putting these variables directly into the URL and use this in a button or a banner.
Examples: You want to show a brochure view of all your Opera events? no problem! Perhaps a compact list view of all events in one of your locations? Sure! Filter on location or genre in your regular Agenda, and then add one of the following variables in the URL:
For chronological list of events:
?list_type=eventsFor grouped list:
?layout=normalFor brochure view:
?layout=brochureFor compact view (similar to normal with no images)
?layout=compactFor the grid moible card view:
?layout=mobile-ishTo set the maximum number of events shown:
?max=[a number]Combine multiple variables for more fun:
Links to a brochure view with 8 items per page
/agenda?layout=brochure&max=8 Links to a “normal” list view with 24 items per page:
/agenda?layout=normal&max=24 Disable event date fold-out in What’s On pages
As of Release v198, there is a new setting to disable the event fold-out on the What’s On/Agenda page for Productions.
When this option is active, it replaces the event dates fold-out button (“show dates”) with a link directly to the detail page. This is especially convenient when Productions have a lot of Events, and you want to avoid long lists with dates in the What’s On page.
New Setting!
Control Panel > Events > Event Cards > Cards always link to detail
Related articles