HierarchicalCalendarMonthView is designed to display a team calendar.
As illustrated in the screenshot below, the first column is designed as a tree.
When accessibility is activated, the assigned text is added to the tooltip. This description provides semantic details of the UI element and is only read by the screen reader if the user focuses the complete Ul element.
Specifies the path to the context node that represents the vertical axis of the HierarchicalCalendarMonthView. Each node element represents a row in the hierarchical calendar.
Determines whether the current node can be expanded.
Determines whether the current node is expanded.
Specifies which date is displayed as the first date.
Specifies whether the node should be displayed as link. If you set ignoreAction to true , the user cannot open the node.
Determines whether the current row is a leaf or a node.
Specifies the ID of the assigned legend.
Specifies whether the HierarchicalCalendarMonthView is displayed with a scroll bar. If this property is set to false and additional space is needed to display the entire contents, either a surrounding scroll container is enabled or the screen is enlarged.
Determines whether the calendar displays differences between working times and free times.
Determines the text displayed for nodes or leaves in the hierarchical calendar.
Determines the time zone in which entries are displayed. If no time zone is specified, the calendar uses the system time zone.
Name |
Interface |
Type |
Initial Value |
Bindable |
accessibilityDescription |
IWDAbstractCalendar |
String |
|
bindable |
dataSource |
IWDHierarchicalCalendarMonthView |
Object |
|
bindable_mandatory |
enabled |
IWDUIElement |
boolean |
true |
bindable |
expandable |
IWDHierarchicalCalendarMonthView |
boolean |
true |
bindable |
expanded |
IWDHierarchicalCalendarMonthView |
boolean |
false |
bindable |
firstVisibleDate |
IWDAbstractCalendar |
CctDate |
|
bindable |
ignoreAction |
IWDHierarchicalCalendarMonthView |
boolean |
false |
bindable |
isLeaf |
IWDHierarchicalCalendarMonthView |
boolean |
false |
bindable |
legendId |
IWDAbstractCalendar |
String |
|
bindable |
scrollable |
IWDHierarchicalCalendarMonthView |
boolean |
true |
bindable |
showWorkingTime |
IWDAbstractCalendar |
boolean |
true |
bindable |
text |
IWDHierarchicalCalendarMonthView |
|
|
bindable |
timeZone |
IWDAbstractCalendar |
TimeZone |
|
bindable |
tooltip |
IWDUIElement |
String (TranslatableText) |
|
bindable |
visible |
IWDUIElement |
WDVisibility |
visible |
bindable |
This event is triggered if the user clicks a node.
A click in an empty area of a day fires the event with the day as parameter. Should used to create a new entry.
This event is triggered if the user clicks an entry.
A click on the more icons fires this event, with the day as parameter. Should navigate to a detail view of the selected day (CalendarDayView).
This event is triggered when the user clicks the toggle button in the header column.
To display the tree structure in the first column of the HierarchicalCalendarMonthView, you have to provide a context structure where the context node contains either