title | page_title | description | slug | canonicalLink | position |
---|---|---|---|---|---|
Grouping |
Grouping of Resources - Scheduler - Kendo UI for Vue |
Group resources when working with the Kendo UI Scheduler wrapper for Vue. |
resources_grouping_scheduler_wrapper |
2 |
The Scheduler enables you to group its resources by using its orientation
configuration.
The available options are:
The
agenda
view is always in vertical orientation.
The following example demonstrates how to group the resources horizontally. To control the direction of the grouping, set the orientation
property. By default, orientation
is set to horizontal
.
{% meta height:665 %} {% embed_file resources/horizontal/main.vue preview %} {% embed_file resources/horizontal/main.js %} {% endmeta %}
The following example demonstrates how to group the resources vertically. To control the direction of the grouping, set the orientation
property to vertical
.
{% meta height:665 %} {% embed_file resources/vertical/main.vue preview %} {% embed_file resources/vertical/main.js %} {% endmeta %}
The following example demonstrates how to group the resources both vertically and by date. To control the direction of the grouping, set the orientation
property. To control the grouping by dates, set the date
option to true
.
{% meta height:665 %} {% embed_file resources/date/main.vue preview %} {% embed_file resources/date/main.js %} {% endmeta %}