• 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 Multi Taskbar in ASP.NET Core Gantt Chart Control

This sample demonstrates how to visualize a list of tasks assigned to a resource within a collapsed parent row. It also allows modifying task scheduling actions such as dragging, left resizing, and progress editing while keeping the parent row collapsed. This functionality can be enabled by setting the enableMultiTaskbar property to true.

DEMO
SOURCE

This example demonstrates how to enable taskbar drag-and-drop functionality for reassigning tasks between resources vertically by setting the allowTaskbarDragAndDrop property to true. Additionally, you can prevent taskbar overlap within a resource's tasks by disabling the allowTaskbarOverlap property.

In this example, resources are assigned to tasks using predefined resource IDs, allowing efficient task distribution. The resource details are displayed using the LabelSetting labelSetting property. You can also perform CRUD operations on resource allocation using toolbar actions, considering availability and task complexity.

The resources and their assigned tasks are grouped into categories. Resources can be mapped using the following resourceFields:.

ID: Maps the resource ID.

Name: Maps the resource name.

Unit: Maps the resource unit.

Group: Maps the 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 use markers, inject the DayMarkers module using the Gantt.Inject(DayMarkers) 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
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab