Change Splitter position

19 Sep 20171 minute to read

In Gantt control, Splitter separates the TreeGrid section from the Chart section,and is possible to change the position of the Splitter while loading the Gantt by using the splitterPosition property, thereby varying the width of the TreeGrid and Chart sections in the control. SplitterPosition property denotes the percentage of the TreeGrid section’s width to be rendered and this property supports both pixels and percentage values.

The following code example explains how to define the splitterPosition property in the Gantt.

  • javascript
  • <ej-gantt id="GanttControl" [splitterPosition]="50%"
    //also you can define with pixel value as 
    //‘ splitterPosition:”650” ’ (or) ‘ splitterPosition:“650px” ’
    >
    </ej-gantt>

    Change-Splitter-position_img2

    Gantt with 30 % splitter position

    Change-Splitter-position_img3

    Gantt with 50% splitter position

    Change-Splitter-position_img4

    Gantt with 600px splitter position