How to change the timescale header width

1 min read

In Gantt, using the “ScheduleHeaderSettings.TimescaleUnitSize” property we can able to alter the default width for schedule header time scale.

The following code snippet explains how to set the schedule header time scale width.

@(Html.EJ().Gantt("GanttContainer")
 
//...
 
.ScheduleHeaderSettings(sh => sh.TimescaleUnitSize("200%"))
)
@(Html.EJ().ScriptManager())

CSHTML

The minimum value you can able to set to the “scheduleHeaderSettings.timescaleUnitSize” property is ‘50%’ and maximum is ‘500%’.

Sample

Please refer the Sample link for more information about this.

Did you find this information helpful?

Yes

Comments (0)