I have a scheduler within a dialog. The DayView is defined like this :
<DayView slotDuration={60} slotDivisions={2} startTime={"08:00"} endTime={"20:00"} workDayStart={"08:00"} workDayEnd={"20:00"} />1) The height of each row is too important. How can I reduce the height to avoid scroll (see attached file) ?
2) The endTime/workDayEnd doesn't work (the day ends at 17:00). I see the same behaviour in your documentation :
https://www.telerik.com/kendo-react-ui/components/scheduler/views/day/
Regards,
Joffrey
1 Answer, 1 is accepted
Hello, Joffrey,
Regarding the questions:
1) This can be done using a custom view slot:
https://www.telerik.com/kendo-react-ui/components/scheduler/slots/slot/
I made an example showcasing how to reduce the height:
https://stackblitz.com/edit/react-vvjnwq-bufram?file=app/main.jsx
.k-scheduler-layout-flex .k-scheduler-cell {
min-height: 2px;
line-height: 1;
}2) I can confirm that this is an issue with the current version of the KendoReact Scheduler.
I created an issue in our GitHub repository and forwarded it to our developers for fixing. You can track its progress at:
https://github.com/telerik/kendo-react/issues/462
For now, there is no available workaround, if one is found it will be added in the GitHub issue for reference.
Additionally, I updated your Telerik points for bringing this to our attention.
Regards,
Stefan
Progress Telerik