How to disable Kendo Scheduler vertical Scrolling

3 posts, 0 answers
  1. ustr
    ustr avatar
    5 posts
    Member since:
    May 2011

    Posted 19 Feb 2018 Link to this post

    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?
    Jan Hron
  2. Tyler
    Tyler avatar
    68 posts
    Member since:
    Feb 2017

    Posted 20 Feb 2018 in reply to ustr Link to this post

    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.

  3. Ivan Danchev
    Ivan Danchev avatar
    2136 posts

    Posted 21 Feb 2018 Link to this post


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

    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.
Back to Top