Declined
Last Updated: 08 Dec 2022 10:16 by ADMIN
Paul
Created on: 28 Nov 2022 18:52
Category: Kendo UI for jQuery
Type: Bug Report
0
Scrolling issue in scheduler

The schedulers are sitting inside a tab strip control. When the page loads, some computations are done by Kendo for setting up column widths. I feel there is a scrollbar issue somewhere. As it is a larger screenshot, please look at the attached Scrollbar size computation issue.png file. Start with the “All day” events. Notice the first event on Monday crosses the line into Tuesday just a little bit. This is highlighted and indicated with a “2” on it. Now look at the events for the week – numbers 3, 4, and 5. The events span into the next column a little more each time. They WOULD be correct if there was no scrollbar on the right! Now look at the events below with a time. “1” has the correct left offset from Monday’s left side. As you go to 2, 3, 4, and 5, this offset grows. It’s the same issue.

 Now look down at “6”. Notice the scheduler has no footer and is drawing far too low.

 The problem is that the tabstrip content is allowing scrolling. I can see this in the F12 window. Notice the scheduler does not have the scrollbar:

But the tab strip content DOES have a scrollbar:

Please note that I am specifically blocking the tab strip from scrolling in my code. The scheduler should handle the scroll.

So, I added the following CSS which fixes this issue for me:

See the Scrollbar size computation fixed.png file for the end result. The scheduler is scrolling now instead of the tab strip.

3 comments
ADMIN
Neli
Posted on: 08 Dec 2022 10:16

Hi Paul,

As the issue could not be considered as a bug in the Scheduler component I will mark the item as 'Declined'. In case you have any additional questions related to the issue, please let me know. 

Regards,
Neli
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Paul
Posted on: 05 Dec 2022 19:22
Yes, the refresh() call works also. Since the page loads with a scheduler visible this causes a flicker that I can still avoid with my CSS instead though. So I will keep it the way it is for now.
ADMIN
Neli
Posted on: 05 Dec 2022 11:19

Hi Paul,

You may need to refresh the Scheduler when the tab that contains the Scheduler is selected. For example, you can handle the activate event of the TabStrip and use the Scheduler refresh method

https://docs.telerik.com/kendo-ui/api/javascript/ui/scheduler/methods/refresh

Here is a Dojo where this is demonstrated. 

Or you can use  the dataSource.read() as suggested in the last comment of the Forum thread linked below:

- https://www.telerik.com/forums/how-to-get-kendo-scheduler-working-with-a-event-template#5563686

I hope the provided suggestion will be helpful in resolving the issue. 

Please let me know if the appearance has been changed and the issue is resolved after you have tried the suggestions above.  

Regards,
Neli
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.