RadiantQ WPF Gantt
Gantt Basics
 		Previous Topic  Next Topic 

GanttControl Parts


The screenshot below shows the different parts of a GanttControl.


Gantt Control Visual Tree


The screenshot with annotations below shows the visual structure of the GanttControl.

  1. The top level Grid instance which has 2 columns, hosting the GanttTable on the left and GanttChart on the right. You can access this using the GanttControl.TopGridContainer property.
  2. The GanttTable instance which is DataGrid derived. Can be accessed through the GanttControl.GanttTable property.
  3. The GanttChart instance. Can be accessed through the GanttControl.GanttChart property.
  4. The UI element that hosts the different lines of time span headers. Can be accessed through the GanttChart.TimeSpanHeaders property.
  5. A TimeSpanHeader instance representing each line of time span headers. The DataContext for this will be a TimeScaleHeaderDefinition instance.
  6. A "Border" instance representing each time unit within a time span header line. The DataContext for this will be a TimeUnit instance.
  7. A DataGridRow instance representing each row in the DataGrid. The DataContext for this is a GanttActivityView instance.
  8. A GanttTaskItemBar instance that represents each row in the chart and also shows the task, summary task and milestones within it. The DataContext for this will be a GanttActivityView instance.
  9. A Rectangle representing a task within the above GanttTaskItemBar's visual tree.
  10. A Rectangle representing a summary task within the above GanttTaskItemBar's visual tree.
  11. A GanttDependencyLine instance that represents each dependency line in the gantt. The DataContext for this will be a GanttDependencyView instance.
  12. The horizontal scroll bar of the chart, which can be manipulated through the GanttChart.ScrollViewerElement property.
  13. The pager button that scrolls to view to the left. Can be accessed using the GanttChart.TimeScaleShiftLeftButton.
  14. The pager button that scrolls to view to the right. Can be accessed using the GanttChart.TimeScaleShiftRightButton.



� RadiantQ 2009 - 2019. All Rights Reserved