How to Display Leave Type with Specific Background Color in Kendo Scheduler

[VASANTH]

I'm working with the Kendo Scheduler and need help displaying different types of leave requests with specific background colors. For example, if an employee applies for a "Sick Leave," I want the event to appear with a specific background color in the Scheduler across different views (Year, Month, and Day).

Is there a way to dynamically apply these colors based on the leave type, so that each leave type (e.g., Sick Leave, Casual Leave, Privilege Leave) has a distinct background color in all views?

Any guidance or code samples would be greatly appreciated.

Thanks in advance!

[Svet]

Hi Vasanth,

You can style the events based on an event property like leaveType using the eventClass callback. Please see the following article for more details:

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

I hope this points you in the right direction.

Regards,
Svet
Progress Telerik