Horizontal scrollbar for DayPilot Calendar (sync multi cals scroll)

Asked by Buzz
17 years ago.

I have 6 day pilots on the page with the header turned off and 1 with no data and just a header in resource view.
All have the same width.

The ability to scroll the dp horizontally, is high on the users wish list however I wont be able to take advantage of this new feature, as the 6 cals are stacked under each other and line up with a shared header.

Would it be possible to link the cals on the page together so when you scroll one horizontally, all the cals move keeping them inline with the header.

asp.net feature

Comment posted by Dan Letecky
17 years ago.

Do these 6 controls represent 6 days?

I would like to extend the DayPilot Calendar so it can show more than one day vertically. That would probably help you.

Meanwhile, you can try to hack a workaround yourself: Put the header calendar in one div (divHeader) with overflow:hidden style. Put all the other calendars into another div (divBody) with overflow-x:scroll (and specify the width -- you may have troubles using 100% but try fixed width).

Hook divBody.onscroll and update the divHeader.scrollLeft according to divBody.scrollLeft;

Comment posted by Mauro
16 years ago.

I think all users of the calendar need a lot of horizontal scroll bar without a doubt would be something very much value for the component.

Mauro

This question is more than 1 month old and has been closed. Please create a new question if you have anything to add.