Row Management and Layout Control in ScheduleJS

January 17th, 2025 - 2-3 minutes read

Controlling Row Height

In ScheduleJS, controlling a Row height works exactly as it does in FlexGanttFX. You can use the Row.setHeight method from the Row class to programmatically adjust the height of any Row in your Gantt chart.

The video below demonstrates how you can use it to create features that instantly modify the graphics rows heights with a button:

Different layout types per Row

ScheduleJS supports displaying different layout types (GanttLayout, ChartLayout) for any Row or even for its inner lines. To do so, you just have to set the layout type at Row creation, just like in FlexGanttFX.

To change the layouts, you can override the getLineLayout method to return the desired layout for the main row or an inner line using line indexes.

More about inner lines

ScheduleJS provides the same LinesManager API found in FlexGanttFX. By default, the library implements two base classes:

The EqualLinesManager that handles multiple lines with same height for a Row
The AutoLinesManager that will create new inner lines to facilitate the display of stacking activities

Do not hesitate to read other blog articles, read our developer manual, and inspect ScheduleJS objects to find more information about the public methods available to you and explanations about how they should be implemented.