Articles in this section
Category / Section

How to change weekend background color for Gantt schedule header

In Gantt, it is possible to customize the weekend highlight color for the Gantt schedule header by using scheduleHeaderSettings.weekendBackground property, please refer the following code example for this.

$(function () {
        $("#GanttContainer").ejGantt({
              dataSource: defaultGanttData, 
              taskIdMapping: "TaskID",
              scheduleHeaderSettings: {
                    weekendBackground: "#00FFFF"
                },
              //..
          });
});

The below screenshot shows the output of above code example.Customize the background color for gantt schedule header.

A simple sample to change the background color for the Gantt schedule header is available here.

 

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Access denied
Access denied