Home Unanswered Active Tags New Question

Horizontal scrollbar for DayPilot Calendar (sync multi cals scroll)

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.

Asked by Buzz 2 years ago.
asp.net feature
Replies

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 Dan Letecky 2 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

Comment posted by Mauro 1 year ago.
New Reply
This reply is
Your name (optional):

DayPilot for ASP.NET WebForms, DayPilot for ASP.NET MVC, DayPilot for Java