Scheduler Month View: the ability to change content in the table header

2 Answers 137 Views
Scheduler
Rita
Top achievements
Rank 2
Iron
Iron
Rita asked on 04 Nov 2021, 12:10 PM

Hi Team,

As far as I can see, the ability to use custom templates in headers is applicable to Day, Week, WorkWeek, and Timeline view: https://www.telerik.com/kendo-angular-ui/components/scheduler/api/DateHeaderTemplateDirective/

Is there a similar possibility for a Month view?

Thanks,

Rita

2 Answers, 1 is accepted

Sort by
0
Martin Bechev
Telerik team
answered on 09 Nov 2021, 07:53 AM

Hello Rita,

Indeed the kendoSchedulerDateHeaderTemplate is applicable for the Timeline Month view and is used to customize the rendered dates in the header. But in month view only days of the week are shown. That is why this template is not available in Month view.

In order to update the day names in different languages, please check the following article regarding globalization:

https://www.telerik.com/kendo-angular-ui/components/scheduler/globalization/

If this is not the case, please share some more details regarding the scenario and what is the expected end result.

Regards,
Martin
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Rita
Top achievements
Rank 2
Iron
Iron
commented on 09 Nov 2021, 12:10 PM

Hello Martin,

Thank you for the answer! Our expected result is to have shortened day names in header, like Mon instead of Monday. Is there any possibility to change the date format inside of Month view header?
0
Georgi
Telerik team
answered on 12 Nov 2021, 09:47 AM

Hello Rita,

If I understand correctly, the highlighted cells on the screenshot below are what you are looking to customise:

I can confirm that currently, customising this template is not offered as a feature.

The only workaround possible at the moment would be to locate the HTML elements in question and manually change their innerHTML.

Please make sure to do that in the ngAfterViewInit method, as the component has to be fully loaded before the manipulations in question could take place.

Hope that helps - looking forward to hearing from you.

 

Regards,
Georgi
Progress Telerik

 

Tags
Scheduler
Asked by
Rita
Top achievements
Rank 2
Iron
Iron
Answers by
Martin Bechev
Telerik team
Georgi
Telerik team
Share this question
or