• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
*Translated by Google Translator.

Example of Resource View in ASP.NET MVC Gantt Chart Control

This sample explains the Resource break down view in the Gantt chart that is how to visualize the list of tasks assigned to each resource in hierarchy manner and switch the resources as per the users need by task editing mode. If the no resources are mapped in a task, then it will come under the “unassigned Tasks” category. This feature can be enabled by setting the viewType property to “ResourceView”.


In this example, you can see the resource break down from a bulk of tasks done by mapping the predefined resource IDs to each task and resource information can be shown by using the labelSetting property. Using the toolbar action, you can perform CRUD operation for resource allocation based on their availability and task complexity. The resources and tasks assigned to those resources can be grouped into categories. Resources can be mapped using the resourceFields:.
ID: To map resource ID.
Name: To map resource name.
Unit: To map resource unit.
Group: To map resource group.

Injecting Module:

The Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the Selection module using the Gantt.Inject(Selection) method. To edit, inject the Toolbar module using the Gantt.Inject(Toolbar) method and Edit module using the Gantt.Inject(Edit) method. When a resource is assigned with two or more tasks which is scheduleduling on a same date is termed as over allocation for a resource. The number of over allocation dates ranges are highlighted as with square bracket. The following sample demonstrates the over allocation for a resource. In this sample, over allocation can be hidden by using the CSS ‘visibility’ property on custom toolbar item action.

Transform your ASP.NET MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing