How can we change the background color the specific time slot range?

[Jay]

In the telerik scheduler, how can we set the background color for a specific time range, for example 8AM-11AM for Monday and 10AM-3PM Tuesday etc.

I know we can override the time slot with the TimeSlotTemplateDirective, however, this does not have access to the current resource, it have access to all the resources, and on top of this is we cannot specific the time range? 

Is there any example can be provided to help achieving this? And how about if we are grouping by resources? Is it behavior possible as well?

Thanks

[Svet]

Hi Jay,

Thank you for the provided details and screenshot.

Styling slots conditionally can be achieved using the slotClass input property of the Scheduler. It accepts a callback which receives an argument of type SlotClassArgs based on which it is possible to determine what CSS class to be assigned to the corresponding time slot. The functionality is applicable when using grouped resources as well. I hope it helps. Please let me know in case any further information is required for this case. Thank you.

Regards,
Svetlin
Progress Telerik

[Mike]

No this doesn't help at all. How do we do it? Spent two days on this thus far, should be simple to show us ..

public getSlotClass = (args: SlotClassArgs) => {
return {
background:"purple" // ???????????????????????????????????
};
}