The GanttView control provides an interactive user interface to display the complete project lifecycle. GanttView comprises two major elements, a grid and a chart, separated by a draggable splitter. The grid and the chart remain in sync with each other. If the user makes any changes in the task within the grid, the same gets reflected in the chart.

Here is how a GanttView control presents various project-related attributes, such as task/activity name, mode, duration, etc.

Major UI Elements

• Grid: The grid displays various attributes pertaining to a particular task/activity. You can edit these attributes through the grid.
• Chart: The chart provides visual representation of the task details presented on the grid. These details are presented through bars on the chart.
• Splitter: The draggable splitter divides the chart and grid.
• Task: Each task/activity is represented by a bar whose position and length indicate the start date, end date, and task duration.
• Timescale: GanttView displays a timescale along a horizontal timeline, which comprises three tiers.
• Toolbar: The toolbar provides quick access to various operations that one can perform in GanttView. For more information on Toolbar, refer to GanttView Toolbar.