• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Timeline Grouping in ASP.NET Core Scheduler Control

This demo showcases how the multiple resources are grouped as well as how the events are portrayed in timeline view layouts.

DEMO
SOURCE

In the timeline view, each row depicts a single resource whereas in vertical views, each resource are grouped parallelly as columns. Here, the resource grouping follows the tree-view like hierarchical grouping structure and can contain any level of child resources. In this sample, we have used two level hierarchy, where the PROJECT 1 and PROJECT 2 are the parent level and the development and testing are child level resources which are defined using the resources property. They are grouped in layout by making use of the group property and its order of grouping depends on the order of names passed onto the resources option within group.

Also, the colors defined for the child level resources will get applied to the events of those resources by default. In case, if the colors of parent level needs to be applied to those child events, then it is necessary to define the resourceColorField option within the eventSettings property with the parent level resource name value.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab