search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Scheduler scroll event

Asked by Anonymous
1 year ago.

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

Answer posted by Dan Letecky [DayPilot]
1 year ago.

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".

Comment posted by Anonymous
1 year ago.

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?

Comment posted by Dan Letecky [DayPilot]
1 year ago.

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 3 months old and has been closed. Please create a new question if you have anything to add.