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.

Properties

General

PropertyDatatypeDescription

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

PropertyDatatypeDescription

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

PropertyDatatypeDescription

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.

Last updated