Skip to main content

Set Row and Task Height

Navigate to Widget Properties > Advanced > Gantt Config Script and add the following properties:
gantt.config.task_height = 22;
gantt.config.row_height = 28;
PropertyDescriptionDefault
gantt.config.task_heightHeight of the task bar in pixels32
gantt.config.row_heightHeight of the entire grid row in pixels38
Always set task_height to a value smaller than row_height. If the task bar is taller than the row, it will overlap adjacent rows and produce rendering artifacts.

Compact Mode for Large Charts

When working with charts containing many items, reduce both values to show more rows on screen. For example, a compact configuration:
gantt.config.task_height = 20;
gantt.config.row_height = 22;
This produces a dense layout where task bars are closely packed, maximizing the number of visible items without scrolling. For comparison, the default configuration with task_height = 32 and row_height = 38 provides more padding between rows and larger task bars, which improves readability when you have fewer items. diagram

Pair with Right-Side Text

If you are using right-side text on task bars, adjust the row height to accommodate both the task bar and the text label. A tight row height may cause text to overlap adjacent rows. Start with a configuration like:
gantt.config.task_height = 20;
gantt.config.row_height = 22;
Then increase row_height if the right-side text appears clipped or overlaps.
When working with compact row heights and many items, enable Widget Properties > Advanced > Maximize to expand the Gantt chart to fill the browser window. This maximizes the number of visible rows. See Use Fullscreen and Maximize Mode.

Verification

You should now see the Gantt chart rows rendered at your configured height. Compare the row spacing before and after the change to confirm the values took effect. If rows appear too cramped, increase row_height by a few pixels.

See also

KB ArticlesSupport TicketsSource Code
  • prod-gantt-src/com.nextedy.polarion.gantt/src/com/nextedy/polarion/gantt/widget/GanttWidgetConfig.java
  • prod-gantt-src/com.nextedy.polarion.gantt.client/src/js/main.js
  • prod-gantt-src/com.nextedy.polarion.gantt/src/com/nextedy/polarion/gantt/model/columns/Table.java
  • prod-gantt-src/com.nextedy.polarion.gantt.client/cypress/e2e/view/rootItemsDisplayCorrectly.cy.ts
  • prod-gantt-src/com.nextedy.polarion.gantt/src/com/nextedy/polarion/gantt/model/Config.java