I'm trying to reduce the cell width in the scheduler and also change the weekend highlight which is by default from Saturday to Sunday and change it to Friday to Saturday .
Is there any CSS hack for this requirement?
3 Answers, 1 is accepted
answered on 18 May 2018, 12:06 PM
The Kendo UI Scheduler provides the views.columnWidth options that can be used to modify the width of the columns in "timeline", "timelineWeek", "timelineWorkWeek" or "timelineMonth" views. For additional suggestions on how to apply a custom approach to achieve similar result with the week views, please refer to the following forum thread.
I'm expecting weekends to be something like this in the image
answered on 25 May 2018, 06:11 AM
You can highlight Friday and Saturday as non-working days by setting both workWeekStart and workWeekEnd options:
As for the size of the cells, by default the Scheduler occupies 100% of the container's width and this way when the container is resized the Schedule (and its cells) resizes accordingly. Therefore reducing the width of the cells would require setting a fixed width of the Scheduler.
See this dojo example in which both Friday and Saturday highlighting is shown and the Scheduler has fixed width (800) set.