New to Kendo UI for AngularStart a free 30-day trial

Drag-and-Drop Editing

The Gantt provides a directive that enables you to edit tasks through drag-and-drop operations. This feature allows you to move tasks to different positions on the timeline, resize tasks from the corners, and update their completion percentage.

Basic Concepts

To enable task editing through drag-and-drop operations, apply the kendoGanttTaskDrag directive to the <kendo-gantt> element. This directive allows you to drag tasks to different positions on the timeline, resize tasks from the corners, and update their completion percentage. The Gantt will emit the taskDragEnd event with data for the edited item, the new start and end date, and the completion ratio. Handle the taskDragEnd event to update the tasks accordingly.

The following example demonstrates how to use the kendoGanttTaskDrag directive and handle the taskDragEnd event to update the tasks.

Change Theme
Theme
Loading ...
In this article
Basic ConceptsSuggested Links
Not finding the help you need?
Contact Support