Gant views

[Mariam]

Hi,
In gantt chart, can I see Year slots in Week and Month views??

[Stoyan]

Hi, Mariam,
Thank you for your question.

If I understand you correctly, you are looking to display the year as a part of the date in the slots of the Gantt. This can be achieved by using headerTemplates when defining the Gantt's views. The 'week' view shows days and weeks in the headers. Therefore you can utilize the dayHeaderTemplate and the weekHeaderTemplate to customize the date's formats. Similarly, the 'month' view shows weeks and months in its headers. They can be customized by weekHeaderTemplate and monthHeaderTemplate.

The following snippet shows an example of how the above can be done in practice:

views: [
              "day",
              { 
                type: "week",
                selected: true,
                dayHeaderTemplate: "#=kendo.toString(start, 'd')#"
              },
              { 
                type:"month",
                weekHeaderTemplate: "#=kendo.toString(start, 'dd')# - #=kendo.toString(kendo.date.addDays(end, -1), 'dd')#",
                monthHeaderTemplate: "#=kendo.toString(start, 'MMMM, yyyy')#",
              }
            ]

 

If the advice above isn't helpful in your scenario, please don't hesitate to contact us.

Regards,
Stoyan
Progress Telerik