Gantt Look and Feel

Splitter position

Often you want to show less of the table on the left and more of the chart on the right. This is easily done by adjusting the column widths of the top-level grid hosting the controls as follows:

// Do this in the gantt.TemplateApplied event.

// Adjust the splitter position in the gantt to make the table take 20* and the chart take 80* of the available width

gantt.TopGridContainer.ColumnDefinitions[0].Width = new GridLength(20, GridUnitType.Star);

gantt.TopGridContainer.ColumnDefinitions[1].Width = new GridLength(80, GridUnitType.Star);

Hiding the Grid

In gantt.TemplateApplied event handler:

// Hide the 1st column (grid)

this.gantt.TopGridContainer.ColumnDefinitions[0].Width = new GridLength(0, GridUnitType.Star);

// Make the 2nd column (chart) fill the entire width

this.gantt.TopGridContainer.ColumnDefinitions[1].Width = new GridLength(100, GridUnitType.Star);

// Hide the splitter.

this.gantt.GanttSplitter.Visibility = System.Windows.Visibility.Collapsed;

// This will show the vertical scrollbar in the chart.

this.gantt.GanttChart.IsGridVisible = false;