Components· Events and courses
Events and courses
Event lists, calendar, timetable, event card and course list with tickets and registration.
7 components
The examples work in test mode: nothing is saved to a real site, no messages are sent and payments are test payments.
Event
Section Try it event
A single event in a card: time, place, description and a registration or ticket button.
Settings (8)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Tapahtuman nimi |
Body summary | Formatted text | Kerro lyhyesti, mitä tapahtuu ja kenelle. |
Date dateLabel | Text | La 20.9.2026 |
Time timeLabel | Text | 18:00 |
Location location | Text | Pääsali |
Button label ctaLabel | Text | Ilmoittaudu |
Button link ctaUrl | Link | # |
Image image | Image | – |
Accessibility
Free and taken are told apart in text, not by colour alone. Choosing a day and a time works with a keyboard, the chosen item is announced (aria-current or aria-pressed), and prices are readable text.
Used in 0 templates
No gallery template uses this yet. Add it to a page from the editor's Add section library.
Event archive
Section eventArchive
An event archive: upcoming and past events as cards, with date badges or as a timeline.
Styles (4)
Pick a style and the example above switches to it. The content stays the same; only the look changes.
Settings (14)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Tapahtumat |
Limit limit | Number | 12 |
Paging paging | Choice | – |
Text when the list is empty emptyText | Long text | – |
Link text under an empty list emptyLinkLabel | Text | – |
Link address under an empty list emptyLinkUrl | Link | – |
Show category showCategory | On / off | – |
Categories shown categories | List categories | – |
Visitors can filter by topic categoryLinks | On / off | – |
See all link address allUrl | Link | – |
Link text allLabel | Text | – |
Link position allPlacement | Choice | – |
Design design | Choice | – |
Highlight on hover cardHighlight | Choice | – |
Accessibility
Tables have header cells and a caption, lists are real lists and dates are in a readable form. A chart's numbers are available as text too.
Events and registration
Section Try it eventList
Events and registration: the site's own events, with tickets to buy or registration.
Settings (13)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Tulevat tapahtumat |
Limit limit | Number | 12 |
Show one category only category | Text | – |
Competitions competitions | Choice | – |
Visitors may choose: All events or Competitions competitionFilter | On / off | – |
Show the calendar subscription link showSubscribe | On / off | – |
Paging paging | Choice | – |
Text when the list is empty emptyText | Long text | – |
Link text under an empty list emptyLinkLabel | Text | – |
Link address under an empty list emptyLinkUrl | Link | – |
See all link address allUrl | Link | – |
Link text allLabel | Text | – |
Link position allPlacement | Choice | – |
Accessibility
Tables have header cells and a caption, lists are real lists and dates are in a readable form. A chart's numbers are available as text too.
Used in 18 templates
- Experiences and tours
- League team
- Team sports club
- Individual sports club
- Election candidate
- Farm and direct sales
All 18 templates
- Experiences and tours
- League team
- Team sports club
- Individual sports club
- Election candidate
- Farm and direct sales
- Athlete
- Author
- Outdoor club
- Literary society and classic
- Course centre and training company
- Piano school and music lessons
- Music and dance school
- Musician and band
- Expert firm
- Design office
- Advertising and communications agency
- Housing company
Event calendar
Section Try it eventCalendar
An event calendar as a month view; pressing a day shows its events.
Settings (4)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Tapahtumakalenteri |
Show one category only category | Text | – |
Show the category filter showFilter | On / off | true |
Show the calendar subscription link showSubscribe | On / off | true |
Accessibility
Free and taken are told apart in text, not by colour alone. Choosing a day and a time works with a keyboard, the chosen item is announced (aria-current or aria-pressed), and prices are readable text.
Used in 0 templates
No gallery template uses this yet. Add it to a page from the editor's Add section library.
Timetable
Section eventTimetable
A timetable: the week's recurring classes and sessions by day, e.g. workouts or practices.
Settings (3)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Lukujärjestys |
Show one category only category | Text | – |
Show the filters (term, place, room, age group, style) showFilter | On / off | true |
Accessibility
Tables have header cells and a caption, lists are real lists and dates are in a readable form. A chart's numbers are available as text too.
Used in 0 templates
No gallery template uses this yet. Add it to a page from the editor's Add section library.
Online courses: course list
Section Try it courseList
A course list: courses, start dates, seats and registration or buying an online course.
Settings (7)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Verkkokurssit |
Introduction intro | Formatted text | – |
One subject only category | Text | – |
Show the subjects as filters filters | On / off | true |
Show a link to the free sample showSample | On / off | true |
New mark, days after publishing newDays | Number | 30 |
Limit limit | Number | – |
Accessibility
Tables have header cells and a caption, lists are real lists and dates are in a readable form. A chart's numbers are available as text too.
Used in 0 templates
No gallery template uses this yet. Add it to a page from the editor's Add section library.
Tapahtuman sivu
Section eventPage
The event page holder: the page of a single event, its registration and order at /tapahtuma.
No live example: the section draws the platform's own event page and is not added in the editor. Try an event and tickets in a gallery template's preview.
Accessibility
Free and taken are told apart in text, not by colour alone. Choosing a day and a time works with a keyboard, the chosen item is announced (aria-current or aria-pressed), and prices are readable text.
Used in 0 templates
The platform adds this to its own pages itself; it is not added in the editor.