Hi all, I am trying out Kendo UI React Scheduler to make a custom appointment dashboard. The view I am interested in is the DayView.
I have done various tests and have some questions that I have not been able to find answers to.
- is there a possibility to set a fixed width to the items? Via API it does not seem feasible and the workarounds I have tried do not seem to have the desired effect either (the internal algorithm assign width and positions dynamically)
- is there a possibility of forcing a custom sorting of items starting at the same time? The only way I have found is to sort the data array however I have noticed that the scheduler still gives precedence to events that last longer than shorter ones, regardless of the sorting I have set.
Thanks in advance for your attention.
Fabio
Hi, Fabio,
In regard to your questions:
1) The Scheduler has internal logic that resizes the width of the items and setting a fixed width will not be possible.
2) As for sorting the `SchedulerViewItem` exposes an order prop that can be used to pass custom sorting logic:https://stackblitz.com/edit/react-r7gdsq-sfottw?file=app%2Fmain.jsx I tested it with events starting at the same time and one being longer and it seems to be working
Please give the provided implementation above a try and let me know in case further assistance is required.
Regards,
Filip