Hi,
I would like to synchronize the scrolling of two schedulers. To achieve this I have to listen to the scrolling events of both schedulers. However I didnt find a solution for Angular. For JavaScript there is obviously a solution using addEventListner (see this link https://forums.daypilot.org/question/4809/onscroll-callback-doesnt-work)
Best regards
You may want to take a look at the "frozen rows" feature that may help with some scenarios:
https://doc.daypilot.org/scheduler/frozen-rows/
If that doesn't work, you can use the addEventListener synchronization in Angular as well - you need to define the event handler in ngAfterViewInit() or later. You need to cast the "control" property of DayPilotScheduler to "any" to access the internal properties like "nav".
Thank you for your answer. "frozen rows" is really a good feature and it's what exactly needed. But is it possible to also show the time header cells above the rows, that are fixed to the bottom? So I would have the same time header twice?
Unfortunately, the time header can only be displayed at one place. However, you might be able to create a simplified time header by adding a special row to the frozen rows. Something like this is implemented in the following tutorial:
https://code.daypilot.org/50252/javascript-scheduler-use-frozen-rows-to-select-time-columns
This question is more than 1 month old and has been closed. Please create a new question if you have anything to add.
DayPilot