FlexyGantt control parts

The screenshot below shows the different parts of a FlexyGantt.

FlexyGantt Visual Tree

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

1. The top level Grid instance which has 2 columns, hosting the FlexyTable on the left and GanttChart on the right. You can access this using the FlexyGantt.TopGridContainer property.
2. The FlexyTable instance which is DataGrid derived. Can be accessed through the FlexyGantt.FlexyTable property.
3. The GanttChart instance. Can be accessed through the FlexyGantt.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 FlexyNodeData instance.
8. A TasksListControl ItemsControl instance that represents each row in the chart and also shows the list of tasks or summary task within it. The DataContext for this will be a FlexyNodeData instance.
9. A TaskItemControl representing a task. The DataContext for this will be the actual data representing this in the View-Model.
10. A TaskItemControl representing a summary/parent task. The DataContext for this will be the actual data representing this in the View-Model.
11. The pager button that scrolls to view to the left. Can be accessed using the GanttChart.TimeScaleShiftLeftButton.
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 right. Can be accessed using the GanttChart.TimeScaleShiftRightButton.

---

� RadiantQ 2009 - 2019. All Rights Reserved.