Describe web Gantt

interface-elements-for-web/articles/gantt.md

@@ -0,0 +1,23 @@
+---
+title: Gantt
+author: Anna Kondratova
+---
+# Gantt
+
+This section describes the Gantt control's capabilities. 
+
+![](~/interface-elements-for-web/images/Gantt/overview.png)
+
+**Data Editing**
+
+* [Add, Edit and Delete Tasks](gantt/data-editing/modify-tasks.md)
+
+* [Add and Delete Dependencies](gantt/data-editing/modify-dependencies.md)
+
+* [Add, Edit and Delete Resources](gantt/data-editing/modify-resources.md)
+
+**UI Elements**
+
+- [Context Menu](gantt/context-menu.md)
+
+- [Toolbar](gantt/toolbar.md)

interface-elements-for-web/articles/gantt/context-menu.md

@@ -0,0 +1,18 @@
+---
+title: Context Menu
+---
+# Context Menu
+
+Right-click a task to invoke the context menu.
+
+![Gantt - context menu](~/interface-elements-for-web/images/Gantt/context-menu.png)
+
+The context menu provides the following commands:
+
+| Command | Description |
+|---|---|
+| Add -> New Tasks | Adds a new task. |
+| Add -> New Subtask | Adds a new subtask. |
+| Task Details | Invokes a dialog window where a user can edit a task. |
+| Delete Task | Deletes a task. |
+| Delete Dependency | Deletes a dependency. |

interface-elements-for-web/articles/gantt/data-editing/modify-dependencies.md

@@ -0,0 +1,21 @@
+---
+title: Add and Delete Dependencies
+author: Anna Kondratova
+---
+# Add and Delete Dependencies
+
+## Add Dependency
+
+A dependency type specifies which edges (right or left - for preceding and succeeding tasks) serve as the start and end points for the dependency. 
+
+Move the mouse pointer above the preceding task's edge (marked with a circle) and drag the connector to the edge of the next task.
+
+"Finish-To-Start" dependency between tasks:
+
+![](~/interface-elements-for-web/images/Gantt/add-dependency.png)
+
+## Delete Dependency
+
+Right-click a dependency and select the "Delete Dependency" [context menu item](~/interface-elements-for-web/articles/gantt/context-menu.md).
+
+![](~/interface-elements-for-web/images/Gantt/delete-dependency.png)

interface-elements-for-web/articles/gantt/data-editing/modify-resources.md

@@ -0,0 +1,33 @@
+---
+title: Add and Delete Resources
+author: Anna Kondratova
+---
+# Add and Delete Resources
+
+Double-click a task or use the [context menu](~/interface-elements-for-web/articles/gantt/context-menu.md) to open the 'Task Details' dialog window to manage resources.
+
+## List of Available Resources
+
+Click the "Resource Manager" button to modify the list of available resources.
+
+![](~/interface-elements-for-web/images/Gantt/resource-manager.png)
+
+Type the name of a new resource and click **Add** to add it to the list.
+
+![](~/interface-elements-for-web/images/Gantt/new-resource.png)
+
+Select a resource and click **Delete** to delete the resource from the list.
+
+![](~/interface-elements-for-web/images/Gantt/delete-resource.png)
+
+## Link Resource to Task
+
+Click the "Resources" field to open a drop-down list with available resources.
+
+![](~/interface-elements-for-web/images/Gantt/resource-list.png)
+
+## Remove Resource from Task
+
+Click the cross icon (on the right side of the resource) to remove it from the task. 
+
+![](~/interface-elements-for-web/images/Gantt/remove-resource.png)

interface-elements-for-web/articles/gantt/data-editing/modify-tasks.md

@@ -0,0 +1,67 @@
+---
+title: Add, Edit and Delete Tasks
+author: Anna Kondratova
+---
+# Add, Edit and Delete Tasks
+
+## Add a Task
+
+To create a task, right-click an existing task and select the "Add" [context menu item](~/interface-elements-for-web/articles/gantt/context-menu.md), or click the "Add Task" [toolbar item](~/interface-elements-for-web/articles/gantt/toolbar.md):
+
+- "New Task" - Adds a new task at the same level as the selected task.
+
+    ![](~/interface-elements-for-web/images/Gantt/add-new-task.png)
+
+- "New Subtask" - Adds a child task to the selected task.
+
+    ![](~/interface-elements-for-web/images/Gantt/add-new-subtask.png)
+
+## Edit a Task
+
+Use one of the approaches described below to edit a task.
+
+* Double-click a task in the task list. 
+
+    ![](~/interface-elements-for-web/images/Gantt/inline-editing.png)
+
+* Right-click a task and select the "Task Details" context menu item (or double-click a task in the chart area).
+
+    ![](~/interface-elements-for-web/images/Gantt/popup-edit-form.png)
+
+* Move the mouse pointer over the task you want to modify.
+
+    ![](~/interface-elements-for-web/images/Gantt/drag-and-drop.png)
+
+    **Move** - Drag the task to change its start and end times.
+
+    ![](~/interface-elements-for-web/images/Gantt/moving.png)
+
+    **Resize** - Drag a resize handle (located at a task's edge) to change the task duration.
+
+    ![](~/interface-elements-for-web/images/Gantt/resizing.png)
+
+    **Change progress** - Move the slider to change the task's progress.
+
+    ![](~/interface-elements-for-web/images/Gantt/change-progress.png)
+
+## Save Changes
+
+The Gantt saves changes right after you edit a task in the task list or perform a drag-and-drop operation.
+
+![](~/interface-elements-for-web/images/Gantt/manage-tasks.gif)
+
+In the "Task Details" dialog, click OK to save changes. 
+
+![](~/interface-elements-for-web/images/Gantt/dialog-ok.png)
+
+## Remove a Task
+
+To remove a task, right-click a task and select the 'Delete Task' [context menu](~/interface-elements-for-web/articles/gantt/context-menu.md) item or [toolbar](~/interface-elements-for-web/articles/gantt/toolbar.md) item.
+
+![](~/interface-elements-for-web/images/Gantt/delete-task.png)
+
+## Undo/Redo Changes
+
+Press Ctrl+Z or Ctrl+Y (or click "Undo" or "Redo" in the [toolbar](~/interface-elements-for-web/articles/gantt/toolbar.md)) to cancel or reverse changes.
+
+![](~/interface-elements-for-web/images/Gantt/undo-redo.gif)

interface-elements-for-web/articles/gantt/toolbar.md

@@ -0,0 +1,22 @@
+---
+title: Toolbar
+author: Anna Kondratova
+---
+
+# Toolbar
+
+![Gantt - toolbar](~/interface-elements-for-web/images/Gantt/toolbar.png)
+
+The toolbar provides the following commands:
+
+| Command | Description |
+|---|---|
+| Undo | Reverses the last action. |
+| Redo | Restores the previously undone action. |
+| Add Task | Adds a task. |
+| Delete Task | Deletes a task. |
+| Collapse Tasks  | Collapses all tasks. |
+| Expand Tasks | Expands all tasks. |
+| Zoom In | Zooms in on the chart. |
+| Zoom Out | Zooms out the chart. |
+| Full Screen | Switches the Gantt to full screen. |

interface-elements-for-web/articles/grid.md

@@ -4,7 +4,8 @@ author: Svetlana Nikulina
 legacyId: 4854
 ---
 # Grid
-This section describes the Grid's capabilities. It represents data in a tabular form, supports data editing, sorting, grouping, filtering, summary calculation, column resizing, data exporting and using data cell bands. 
+
+This section describes Grid control capabilities. A grid represents data in tabular form, and supports data editing, sorting, grouping, filtering, summary calculation, column resizing, data export and data cell bands.
 
 ![cdMasterDetail_Result](../images/img6625.png)
 

interface-elements-for-web/articles/image-gallery.md

@@ -14,4 +14,4 @@ Hover an image to display the image description.
 
 Click an image to display it in a [fullscreen viewer](image-gallery/fullscreen-viewer.md).
 
-![ImageGallery_Full](../images/img22783.png)
+![ImageGallery_Full](../images/img22783.png)

interface-elements-for-web/toc.yml

@@ -181,6 +181,21 @@
     href: articles/filter-editor/change-conditions-in-filter-editor.md
   - name: Delete Conditions
     href: articles/filter-editor/delete-conditions-in-filter-editor.md 
+- name: Gantt
+  href: articles/gantt.md
+  items:
+  - name: Context Menu
+    href: articles/gantt/context-menu.md
+  - name: Toolbar
+    href: articles/gantt/toolbar.md
+  - name: Data Editing
+    items:
+    - name: Add, Edit and Delete Tasks
+      href: articles/gantt/data-editing/modify-tasks.md
+    - name: Add and Delete Dependencies
+      href: articles/gantt/data-editing/modify-dependencies.md
+    - name: Add, Edit and Delete Resources
+      href: articles/gantt/data-editing/modify-resources.md
 - name: Grid
   href: articles/grid.md
   items: