• 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 Resource View in ASP.NET Core 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”.

DEMO
SOURCE

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.

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