---
title: Event schedule
url: "https://www.toujou.com/service/element-library/events/event-schedule/"
date: 2025-12-19
modified: 2026-01-20
lastUpdated: 2026-01-20
---

# Event schedule

1. [Home](https://www.toujou.de/)
2. [Service](https://www.toujou.de/service/)
3. [Element library](https://www.toujou.de/service/element-library/)
4. [Events](https://www.toujou.de/service/element-library/events/)
5. [Event schedule](https://www.toujou.de/service/element-library/events/event-schedule/)

   Event Schedule
==============

With the Event Schedule element, you can display events that you have created on an [event page](https://www.toujou.de/service/element-library/events/) on another content page of your website. The element allows you to display multiple events together as a list view on one page. The individual events are displayed one below the other. If you want a display with more information, e.g., teaser text, use the [Event teaser list](https://www.toujou.de/service/element-library/event-teaser-list/) element.

[Sample View](https://www.toujou.de/service/element-library/event-teaser-list/#c1009276) [Step by step guide](https://www.toujou.de/service/element-library/event-teaser-list/#c1009278) [Screen adaption](https://www.toujou.de/service/element-library/event-teaser-list/#c1009283)

---

 ###  Sample view

  ### 2028

  Nov

30

2028

- [15:00 - 20:00

    ####  Event 1

     ](https://www.toujou.de/service/element-library/widgets/event-teaser-list/event-one/)

   Dec

06

2028

- [all day

    ####  Event 2

     ](http://www.toujou.de/tutorials/seiten-anlegen/events)

   Dec

20

2028

- [all day

    ####  Event 3

     ](https://www.toujou.de/service/element-library/widgets/event-teaser-list/event-3/)

   ---

 Step by step guide
------------------

Before you can use the Event schedule element for the Frontend of your website, the events must first be added using the event pages. We will explain how to create events in toujou in this tutorial.

 [ TYPO3-Tutorial »Events«](https://www.toujou.de/service/tutorials/pages-navigation/events-in-toujou/)

     [ ![](https://www.toujou.de/_assets/processed/DHHt03M_iGxz_fP2rzXpFRryb-3ug_exCqTEV8tmWXk/q:85/c:1920:1080:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX2V2ZW50LXNjaGVkdWxlLWNyZWF0ZV9lbGVtZW50X2IzYzBhYWRhZjg:t/cb:025bd7677903087c0ab9133d640810677b3b2b20/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA3X1dpZGdldHMvMTZfZXZlbnQtc2NoZWR1bGUvZXZlbnQtc2NoZWR1bGUtY3JlYXRlX2VsZW1lbnQucG5n) ](https://www.toujou.de/fileadmin/toujou/element_library/07_Widgets/16_event-schedule/event-schedule-create_element.png) ### Create element

- Click the button **+ Create new content** to create the Event Schedule element.

    [ ![](https://www.toujou.de/_assets/processed/20KPlra0xZWlVRg77SYKZIgj3cXuQgeqoOy-pnYWcIQ/q:85/c:1920:1080:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX2V2ZW50LXNjaGVkdWxlLXNlbGVjdF9lbGVtZW50XzVhNzU5OTRlMmQ:t/cb:65cc70347720f9336064c338572f08f44bcb1082/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA3X1dpZGdldHMvMTZfZXZlbnQtc2NoZWR1bGUvZXZlbnQtc2NoZWR1bGUtc2VsZWN0X2VsZW1lbnQucG5n) ](https://www.toujou.de/fileadmin/toujou/element_library/07_Widgets/16_event-schedule/event-schedule-select_element.png) ### Select element

- Select the **Event Schedule** element in the *Events* tab.

    [ ![](https://www.toujou.de/_assets/processed/3zWMh-5tRwq-tVxf44Qc4zZfM_lW5EQ1v2HB2ElZzuM/q:85/c:1920:1080:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX2V2ZW50LXNjaGVkdWxlLXNlbGVjdC1ldmVudGRpc3BsYXlfM2FlZWM0ZTY2ZQ:t/cb:c8b3042b09689bb37cad380c5b2cb87c200edc4e/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA3X1dpZGdldHMvMTZfZXZlbnQtc2NoZWR1bGUvZXZlbnQtc2NoZWR1bGUtc2VsZWN0LWV2ZW50ZGlzcGxheS5wbmc) ](https://www.toujou.de/fileadmin/toujou/element_library/07_Widgets/16_event-schedule/event-schedule-select-eventdisplay.png) ### Choose settings

- Select the settings of your element in the *Event element type* to determine the way you would like the events to be displayed. The listing of all of the following events will be pre configurated.

  ---

 ### Display options available for events

- **Next events**: With the option, next events are always displayed by their date and you can decide the number of events you’d like to display at once.
- **Selected events**: This display option allows you to select individual events manually.
- **Manual defined date range**: Only those events within your chosen date range will be displayed.
- **Fixed period**: This option allows you to pick a specific frequency of events within a longer pre-selected date range. Your options of frequency are: today, tomorrow, this week, next week, this month, next month.

---

     [ ![](https://www.toujou.de/_assets/processed/DRsIAnsfHmskNuUKzLKummehZf1RY3_pDr6JUs6TVO0/q:85/c:1920:1080:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX2V2ZW50LXNjaGVkdWxlLW5leHQtZWxlbWVudC1lbl81ZmI2YTkxZjQ1:t/cb:2669f337fa909d8c7cc22d365d9ae7c9e890e5b9/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA3X1dpZGdldHMvMTZfZXZlbnQtc2NoZWR1bGUvZXZlbnQtc2NoZWR1bGUtbmV4dC1lbGVtZW50LWVuLnBuZw) ](https://www.toujou.de/fileadmin/toujou/element_library/07_Widgets/16_event-schedule/event-schedule-next-element-en.png) #### Next events

- Specify the number of events that should be displayed at once by typing the amount in the textfield *limit.*
- Specify more details by filling the *Organizer* and *Location* fields via available items on the right.
- **Save** your settings.

    [ ![](https://www.toujou.de/_assets/processed/o7wVGsBvXRtHS2RYFMVCnfqBUnDZp68oQPzO2SrqmB0/q:85/c:1920:1080:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX2V2ZW50LXNjaGVkdWxlLXNlbGVjdGVkLWV2ZW50cy1lbl84ODlkMzE4ZDg3:t/cb:254b61eec60c035362d4ca871f3d7f6152ca6d8f/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA3X1dpZGdldHMvMTZfZXZlbnQtc2NoZWR1bGUvZXZlbnQtc2NoZWR1bGUtc2VsZWN0ZWQtZXZlbnRzLWVuLnBuZy5wbmc) ](https://www.toujou.de/fileadmin/toujou/element_library/07_Widgets/16_event-schedule/event-schedule-selected-events-en.png.png) #### Selected events

- For a manual selection of individual events, type the event name in the *events selection* search field and then click on the respective event.
- **Save** the settings.

    [ ![](https://www.toujou.de/_assets/processed/GNcfLh0-6VZVhCgw5BmYJOwIRC8PbQ_ab1IDucCmMgI/q:85/c:1920:1080:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX2V2ZW50LXNjaGVkdWxlLW1hbnVhbC1kZWZpbmVkLWVuXzI4YzU4NzQ3MmU:t/cb:b5c0628e34a6521d4b4a893ad40cc64a7b74eeb7/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA3X1dpZGdldHMvMTZfZXZlbnQtc2NoZWR1bGUvZXZlbnQtc2NoZWR1bGUtbWFudWFsLWRlZmluZWQtZW4ucG5n) ](https://www.toujou.de/fileadmin/toujou/element_library/07_Widgets/16_event-schedule/event-schedule-manual-defined-en.png) #### Manual defined date range

- Enter the start date and the end date by clicking in the **field** or on the **calendar icon (mandatory).**
- Enter the maximum number of events displayed in the text field *limits*.
- Specify more details by filling the *Organizer* and *Location* fields via available items on the right.
- **Save** your settings.

    [ ![](https://www.toujou.de/_assets/processed/MHGPrmqskLdwZ-vZzDbURsmT_rmzxEK6Nz8aOvxMSxU/q:85/c:1920:1080:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX2V2ZW50LXNjaGVkdWxlLWZpeGVkLXBlcmlvZC1lbl9lMGNiMzUyODdj:t/cb:4f38ba9b1826be9adcd428e80eec62928aaef617/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA3X1dpZGdldHMvMTZfZXZlbnQtc2NoZWR1bGUvZXZlbnQtc2NoZWR1bGUtZml4ZWQtcGVyaW9kLWVuLnBuZw) ](https://www.toujou.de/fileadmin/toujou/element_library/07_Widgets/16_event-schedule/event-schedule-fixed-period-en.png) #### Fixed period

- To select the desired time unit from the various options click on the **drop-down** menu within *fixed period*.
- **Save** the settings.

  ---

 Screen adaption
---------------

**This element refers to data from the individual event page, including page name, date, and time. A detailed description of how to store this data can be found in the TYPO3 tutorial “**[**Events**](https://www.toujou.de/service/tutorials/pages-navigation/events-in-toujou/)**”.**

Special feature: You can link directly from the event schedule to another page. To do this, the external link must be selected as an option on the corresponding event page.