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

Angular Gantt Editing Basics

The Gantt provides a robust set of features for editing tasks and dependencies, enabling you to create, update, and delete tasks, as well as establish dependencies between them. It supports various editing methods, including drag-and-drop editing, in-cell editing, and an intuitive dialog interface.

Each editing method offers a unique set of features and benefits, allowing you to choose the most suitable approach for your application's requirements. Explore the following sections to learn more about the Gantt's editing capabilities.

In-Cell Editing

Edit task details directly within the Gantt chart cells using in-cell editing, which mimics the functionality of a spreadsheet for fast and efficient updates.
For more details, see In-Cell Editing.

Editing Dialog

The editing dialog provides a user-friendly interface for modifying task details. Open the dialog by clicking on a task to access its attributes and make changes.
For more details, see Editing Dialog.

Adding Tasks

Add new tasks to the Gantt chart using various options, such as toolbar buttons or a context menu. This ensures flexibility for different workflows.
For more details, see Adding Tasks.

Drag-and-Drop Editing

Drag-and-drop editing allows you to move tasks along the timeline, resize tasks using their edges, and adjust their completion percentage. This method offers flexibility for quick updates.
For more details, see Drag-and-Drop Editing.

Creating Dependencies through Dragging

Create task dependencies by dragging from one task's handle to another. This method includes validation and supports auto-scrolling for a seamless experience.
For more details, see Creating Dependencies through Dragging.