> For the complete documentation index, see [llms.txt](https://docs.wem.io/platform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wem.io/platform/wemtipsandtricks/widgets/global-widgets/agenda.md).

# Agenda

This widget displays a list of events on a calendar, either using a day, week or month view. You can use markers to highlight a certain time span. 

<figure><img src="/files/gnl0rzJkBGxWKw01gvk6" alt=""><figcaption></figcaption></figure>

## Properties

#### General

<table><thead><tr><th width="182">Property</th><th width="182">Datatype</th><th>Description</th></tr></thead><tbody><tr><td>Appointments</td><td>List</td><td>The source list containing all calendar data, providing list of events.</td></tr><tr><td>Subject</td><td>Text, expression</td><td>The subject of the event. At this moment it is possible to add basic html to your subject. In the example above, event C is bold and italic.</td></tr><tr><td>Start date</td><td>Date, expression</td><td>The start date of the event. When events overlap each other, they will be displayed next to each other (for example event B and D). Note that this widget only shows events starting from 06:00-23:00.</td></tr><tr><td>End date</td><td>Date, expression</td><td>The end date of the event. When using a timespan it is possible to calculate the end date of the event by using the MoveDate() function.</td></tr><tr><td>Color</td><td>Text, expression</td><td>Changes the background color of the event. Use basic CSS colors, for example: "red" or "#ff0000". It is also possible to use RGB(A) colors (with opacity): "rgba(255,0,0,0.5)"</td></tr><tr><td>Show markers</td><td>Dropdown</td><td>When yes you can use markers to highlight a certain timespan. Otherwise no markers are displayed. In the example above Friday, January 27 is highlighted.</td></tr><tr><td>Marker start date</td><td>Date, expression</td><td>The start date of the marker</td></tr><tr><td>Marker end date</td><td>Date, expression</td><td>The end date of the marker.</td></tr><tr><td>Marker text</td><td>Text, expression</td><td>Add text to the highlighted marker area. Markertext will be centered in the highlighted area and displayed below events (and might not be visible).</td></tr></tbody></table>

Behavior

<table><thead><tr><th width="180">Property</th><th width="185">Datatype</th><th>Description</th></tr></thead><tbody><tr><td>Initial date</td><td>Date, expression</td><td>The initial date of the calendar.</td></tr><tr><td>Initial view</td><td>Dropdown</td><td>Changes the initial calendar view to 'day', 'week' or 'month'. The user can change the view using the calendar toolbar.</td></tr><tr><td>On double click</td><td>Dropdown</td><td>When the user double clicks an event, the following actions can be performed: do nothing, execute flowchart or follow button exit.</td></tr><tr><td>Exit</td><td>Button exit</td><td>Provide a button exit when the property 'On double click' is set to 'follow exit'.</td></tr><tr><td>Flowchart</td><td>Flowchart</td><td>Provide a flowchart when the property 'On double click' is set to 'execute flowchart'.</td></tr><tr><td>On click background</td><td>Dropdown</td><td>When the user clicks on a blank area, the following actions can be performed: do nothing, execute flowchart or follow button exit.</td></tr><tr><td>Exit</td><td>Button exit</td><td>Provide a button exit when the property 'On click background' is set to 'follow exit'.</td></tr><tr><td>Flowchart</td><td>Flowchart</td><td>Provide a flowchart when the property 'On click background' is set to 'execute flowchart'.</td></tr><tr><td>Clicked date</td><td>Date, datafield</td><td>Use this datafield to (temporarily) store the date of the clicked area. In the example above, a new event is created after clicking a blank area.</td></tr></tbody></table>

Appearance

<table><thead><tr><th width="176">Property</th><th width="188">Datatype</th><th>Description</th></tr></thead><tbody><tr><td>Width</td><td>Number, text</td><td>By default this widget is as wide as possible (100%). Using this property you can change the width of the calendar in pixels.</td></tr><tr><td>Height</td><td>Number, text</td><td>Changes the height of the calendar widget in pixels.</td></tr></tbody></table>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.wem.io/platform/wemtipsandtricks/widgets/global-widgets/agenda.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.