This is a migrated thread and some comments may be shown as answers.

How to disable Kendo Scheduler vertical Scrolling

2 Answers 528 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
ustr
Top achievements
Rank 1
ustr asked on 19 Feb 2018, 10:38 AM
Hello,
I have a problem with Kendo Scheduler doing a vertical auto-scroll.
For example, I want to change the end of an event by dragging it with the mouse. So I'm going to hit the bottom of the event (screenshot 1 - before-click.jpg).
As soon as I hit the mouse button, the event goes away. Scheduler performs the scroll so that the top edge of the event is visible.
When the event is too "long", so it does not fit into Scheduler, so after the "jump" the bottom edge disappears (screenshot 2 - after-click.jpg).
If I want to change this "long" event, I have to do it using the standard popup editing window.
Is it possible to turn off this vertical auto-scroll at Kendo Scheduler?
Thanks!
Jan Hron

2 Answers, 1 is accepted

Sort by
0
Tyler
Top achievements
Rank 1
answered on 20 Feb 2018, 04:30 PM

You can go to this Dojo to play around with this.

But, this happens because you seem to have 'selectable' set to true, so when you click an event, it focuses that event and jumps to its start.

Hold down the 'ctrl' button, then try clicking on the resize indicator of your long event where the top is out of view, then drag to resize while continuing to hold the 'ctrl' button. Release mouse, then 'ctrl' when you are finished. You should find that it did not jump when you used 'ctrl'.

This may have to be a 'gotcha' you put in documentation and or somehow inform your users about.

0
Ivan Danchev
Telerik team
answered on 21 Feb 2018, 09:24 AM
Hi,

As Tyler correctly pointed out, auto-scrolling to the event's start is due to the Scheduler's selectable option being enabled. This scrolling behavior exhibited when selecting an event is by design and cannot be enabled/disabled through the API. Even if the bottom of the event is not visible you should be able to resize the event by holding down the mouse button after clicking on the resize handle (screencast).

Regards,
Ivan Danchev
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Scheduler
Asked by
ustr
Top achievements
Rank 1
Answers by
Tyler
Top achievements
Rank 1
Ivan Danchev
Telerik team
Share this question
or