Please find the answers of your questions below:
1) How do I shade days/time slots which a resource may not be available?
- You can use the "dataBound" event of the scheduler to get all slot objects and based on them to apply custom CSS class to the needed elements. Please check the example below:
view = scheduler.view();
element = $(
slot = scheduler.slotByElement(element);
//your custom logic based on the slot object
//based on above logic if needed add custom CSS class to the unavailable slots
2) Also, how do I change color of all time-slots for Saturday/Sunday to light-red?
- Basically changing the color of given slots is not supported out of the box, however as the "workWeekStart
" and "workWeekEnd
" options by default are set that the Saturday/Sunday
are non-work days, their slots will be rendered with "k-nonwork-hour" CSS class. You can override that class to set the needed background color.
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI