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.
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
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
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.
