Gantt: Add Overview #7631

arman-boyakhchyan · 2025-07-14T06:35:11Z

No description provided.

helen-dikareva · 2025-08-21T14:21:12Z

concepts/05 UI Components/Gantt/05 Overview/00 Overview.md

@@ -0,0 +1,3 @@
+DevExtreme Gantt is an interactive component that helps plan tasks on a timeline and visualize dependencies between them. The component displays tasks in customizable columns alongside the timeline view and supports column filtering operations.


DevExtreme Gantt is a project management tool to schedule and plan projects. Gantt helps plan tasks on a timeline and visualize dependencies between them.

We should highlight that Gantt suits for hierarchical tasks

Please mention resources, resource assignments

quotes from other landing to explain what the visualization for:

can see the project start/end date, tasks progress, dependencies between tasks, milestones and other components of a project, at a glance.

It helps assess how long a project should take, determine the resources needed, manage the dependencies between tasks, and plan the order in which the tasks should be completed.

helen-dikareva · 2025-08-21T14:21:59Z

concepts/05 UI Components/Gantt/05 Overview/10 Key Features.md

@@ -0,0 +1,54 @@
+- Task Creation


Please add a description

helen-dikareva · 2025-08-21T16:44:21Z

concepts/05 UI Components/Gantt/05 Overview/05 Elements.md

@@ -0,0 +1,14 @@
+<img src="/images/Gantt/gantt-overview-elements.png" alt="Gantt elements" />
+
+1. [Toolbar](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/toolbar/)


(minor)
Please add header filter
We can also have sorting icon

Noted, awaiting the design team: https://github.com/DevExpress/design/issues/853

Done: 2937894

helen-dikareva · 2025-08-21T16:44:49Z

concepts/05 UI Components/Gantt/05 Overview/05 Elements.md

+7. [Task](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/tasks/)
+8. [Task Dependency](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/dependencies/)
+9. [Resource](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/resources/)
+10. **Milestone Task**


Don't we have any link that we can give for milestone task and Timeline view?

helen-dikareva · 2025-08-21T16:46:08Z

concepts/05 UI Components/Gantt/05 Overview/05 Elements.md

+9. [Resource](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/resources/)
+10. **Milestone Task**
+11. [Task Progress](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/tasks/#progressExpr)
+12. **Timeline View**


we have also 13 point in the picture but we don't have it in this list

helen-dikareva · 2025-08-21T16:53:59Z

concepts/05 UI Components/Gantt/05 Overview/10 Key Features.md

+The Gantt component can display task information such as [progress](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/tasks/#progressExpr), [dependencies](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/dependencies/), and [resources](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/resources/). Specify [taskContentTemplate](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/#taskContentTemplate) to display additional task data. 
+
+- **Customizable Columns**    
+You can customize the component column view in the [columns](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/columns/) array. Gantt allows users to filter columns in [headerFilters](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/headerFilter/) and a [filterRow](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/filterRow/). You can also [sort](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/sorting/) columns in single or multiple [mode](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/sorting/#mode).


Please also say what these columns for

I think we can extract info about sorting in a separate group

helen-dikareva · 2025-08-21T16:54:47Z

concepts/05 UI Components/Gantt/05 Overview/10 Key Features.md

+You can customize the component column view in the [columns](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/columns/) array. Gantt allows users to filter columns in [headerFilters](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/headerFilter/) and a [filterRow](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/filterRow/). You can also [sort](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/sorting/) columns in single or multiple [mode](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/sorting/#mode).
+
+- **Data Exporting**    
+Gantt supports data exporting in the PDF format. Implement the [exportGantt](/Documentation/ApiReference/Common/Utils/pdfExporter/#exportGanttoptions) method in your application to export Gantt data. For more information, refer to the following help topic: [Gantt - Export Data](/Documentation/Guide/UI_Components/Gantt/Export_Data/).


W can get rid of the API member inline mention and just provide a corresponding link or links

helen-dikareva · 2025-08-21T17:03:11Z

concepts/05 UI Components/Gantt/05 Overview/10 Key Features.md

+- Task Creation
+
+- **Task Selection and Editing**    
+DevExtreme Gantt supports configurable selection and editing operations. Specify which of these operations are available to users by configuring [allowSelection](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/#allowSelection) and [editing](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/editing/) properties.


Better to provide more info what are available during editing and what selection is about than even mention exact property names
For example we can mention that drag&drop is supported for tasks and 'undo' | 'redo'

helen-dikareva · 2025-08-21T17:09:03Z

concepts/05 UI Components/Gantt/05 Overview/10 Key Features.md

+- **Task Information**    
+The Gantt component can display task information such as [progress](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/tasks/#progressExpr), [dependencies](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/dependencies/), and [resources](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/resources/). Specify [taskContentTemplate](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/#taskContentTemplate) to display additional task data. 
+
+- **Customizable Columns**    


We have expand all/ collapse all capability

helen-dikareva · 2025-08-21T17:12:30Z

concepts/05 UI Components/Gantt/05 Overview/10 Key Features.md

@@ -0,0 +1,54 @@
+- Task Creation
+
+- **Task Selection and Editing**    


Feature list

Task Creation

Task Types

Task Selection and Editing

Column options

Sorting
The Gantt component allows users to sort data. Single and multiple modes

Filtering: Filter Row, Header filter

Scale Type and scaleTypeRange

Zooming

Strip Lines

Validation

Export pdf

Appearance https://js.devexpress.com/React/Demos/WidgetsGallery/Demo/Gantt/Appearance/MaterialBlueLight/
All options that change view

Customization
Templates

Gantt: Add Overview

44e70ca

arman-boyakhchyan self-assigned this Jul 14, 2025

arman-boyakhchyan added WIP 25_1 labels Jul 14, 2025

Finalize content

573d245

arman-boyakhchyan removed the WIP label Jul 14, 2025

helen-dikareva reviewed Aug 21, 2025

View reviewed changes

arman-boyakhchyan added 3 commits September 16, 2025 18:33

Update following feedback

305ff23

Add further updates

9fc3d14

Update Image & Elements List

2937894

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Gantt: Add Overview #7631

Gantt: Add Overview #7631

arman-boyakhchyan commented Jul 14, 2025

Uh oh!

helen-dikareva Aug 21, 2025

Uh oh!

helen-dikareva Aug 21, 2025

Uh oh!

helen-dikareva Aug 21, 2025

Uh oh!

helen-dikareva Aug 21, 2025

Uh oh!

helen-dikareva Aug 21, 2025

Uh oh!

arman-boyakhchyan Sep 16, 2025

Uh oh!

arman-boyakhchyan Sep 18, 2025

Uh oh!

helen-dikareva Aug 21, 2025

Uh oh!

helen-dikareva Aug 21, 2025

Uh oh!

helen-dikareva Aug 21, 2025

Uh oh!

helen-dikareva Aug 21, 2025

Uh oh!

helen-dikareva Aug 21, 2025

Uh oh!

helen-dikareva Aug 21, 2025

Uh oh!

helen-dikareva Aug 21, 2025

Uh oh!

Uh oh!

		@@ -0,0 +1,3 @@
		DevExtreme Gantt is an interactive component that helps plan tasks on a timeline and visualize dependencies between them. The component displays tasks in customizable columns alongside the timeline view and supports column filtering operations.

		@@ -0,0 +1,14 @@
		<img src="/images/Gantt/gantt-overview-elements.png" alt="Gantt elements" />

		1. [Toolbar](/Documentation/ApiReference/UI_Components/dxGantt/Configuration/toolbar/)

		@@ -0,0 +1,54 @@
		- Task Creation

		- Task Selection and Editing

Gantt: Add Overview #7631

Are you sure you want to change the base?

Gantt: Add Overview #7631

Conversation

arman-boyakhchyan commented Jul 14, 2025

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!