Agenda
Last updated
Last updated
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.
Property | Datatype | Description |
---|---|---|
Appointments | List | The source list containing all calendar data, providing list of events. |
Subject | Text, expression | 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. |
Start date | Date, expression | 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. |
End date | Date, expression | 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. |
Color | Text, expression | 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)" |
Show markers | Dropdown | 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. |
Marker start date | Date, expression | The start date of the marker |
Marker end date | Date, expression | The end date of the marker. |
Marker text | Text, expression | Add text to the highlighted marker area. Markertext will be centered in the highlighted area and displayed below events (and might not be visible). |
Behavior
Property | Datatype | Description |
---|---|---|
Initial date | Date, expression | The initial date of the calendar. |
Initial view | Dropdown | Changes the initial calendar view to 'day', 'week' or 'month'. The user can change the view using the calendar toolbar. |
On double click | Dropdown | When the user double clicks an event, the following actions can be performed: do nothing, execute flowchart or follow button exit. |
Exit | Button exit | Provide a button exit when the property 'On double click' is set to 'follow exit'. |
Flowchart | Flowchart | Provide a flowchart when the property 'On double click' is set to 'execute flowchart'. |
On click background | Dropdown | When the user clicks on a blank area, the following actions can be performed: do nothing, execute flowchart or follow button exit. |
Exit | Button exit | Provide a button exit when the property 'On click background' is set to 'follow exit'. |
Flowchart | Flowchart | Provide a flowchart when the property 'On click background' is set to 'execute flowchart'. |
Clicked date | Date, datafield | 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. |
Appearance
Property | Datatype | Description |
---|---|---|
Width | Number, text | By default this widget is as wide as possible (100%). Using this property you can change the width of the calendar in pixels. |
Height | Number, text | Changes the height of the calendar widget in pixels. |