Calendar app
Show events from any public ICS calendar feed — e.g. holidays, tournament schedules, course timetables, project milestones.
Creating a Calendar app
- Go to Content > Add > New app and search for the Calendar app.
- Click the app to start creating a new app.
- Enter an app name.
- Enter the Calendar URL — a public
.icsfeed. Most calendar tools expose one per calendar; for example, Google Calendar provides a "secret iCal address" under calendar settings. - Pick a Display mode (see below). The default is Grid weekly.
- Click Create app.
Display modes
| Mode | What it shows |
|---|---|
| Grid weekly | A week as a grid of days and hours |
| Grid monthly | A full-month grid with events per day |
| Grid daily | Today as a grid of hours |
| List daily | Today's events in a list |
| List weekly | This week's events in a list |
| List monthly | This month's events in a list |
| List yearly | This year's events in a list |
Limit hours shown
For business-hours use cases, set From hour (24h clock) and To hour (24h clock) to trim empty early/late slots out of the view.
All configuration options
| Setting | Explanation | Required |
|---|---|---|
| App name | A recognizable name shown in your content library | Yes |
| Calendar URL | Public ICS feed URL (starts with an example Dutch public holidays feed) | Yes |
| Display mode | One of the modes listed above | Yes |
| Scroll list | Auto-scroll long lists vertically (on by default) | No |
| Scrolling: pause at the end (s) | Pause at the end of a scroll cycle (default 5) | Yes (when scrolling) |
| Scrolling speed (px/s) | How fast the list scrolls (default 30) | Yes (when scrolling) |
| From hour / to hour (24h clock) | 24-hour range shown in grid modes (default 0 to 24) | Yes |
| Hide top bar / day headers / sidebar / all day activities | Per-element visibility toggles | No |
| Colors | 14 color fields for days, today, events, top bar, day headers, other months, borders and background | Yes |
| Background media | Image behind the calendar | No |