Dragging within boundaries and autoscroll?

5 posts, 0 answers
  1. Louise
    Louise avatar
    19 posts
    Member since:
    Nov 2014

    Posted 04 May Link to this post

    http://dojo.telerik.com/IGujU/3

    How to make it so the hint can only be moved within the boundaries of the parent?
    And how to autoscroll if I have a very long list, like i'm dragging the last item and when the hint is on top most of the visible viewport it will scroll up?

  2. Louise
    Louise avatar
    19 posts
    Member since:
    Nov 2014

    Posted 04 May Link to this post

    http://dojo.telerik.com/IGujU/4

    I've updated the sample set with the autoscroll option to true, what happens is when I drag the Last Item to the parents boundaries (img1 attachment) it doesnt scroll up until I reach on the gray part (img 2 attachment).

  3. Ianko
    Admin
    Ianko avatar
    1741 posts

    Posted 09 May Link to this post

    Hello Louise,

     

    With the CSS decoration applied, the described behavior is expected to happen. Note that when scrolled to bottom, the viewport of the treeview is behind the gray area and thus, it is expected to need to go to the top position for the autoScroll to take action.

     

    In your case, you can play around with the layout to adjust the scrolling container so to best fit the case and the requirements you are after. For example: http://dojo.telerik.com/IGujU/8

     

    Note that, by default, considers either the body or the treeview as a scrolling container. If the scroll container is adjusted, you will need to set the overflow property to hidden in order for the treeview to find the proper scrolling container. http://docs.telerik.com/kendo-ui/api/javascript/ui/treeview#configuration-autoScroll 

     

    Regards,
    Ianko
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  4. Louise
    Louise avatar
    19 posts
    Member since:
    Nov 2014

    Posted 09 May in reply to Ianko Link to this post

    I played around with the overflow and the clue still doesnt just stay within the container. On the attachment, the clue still goes to the yellow part instead of stopping on just the blue part
  5. Ianko
    Admin
    Ianko avatar
    1741 posts

    Posted 10 May Link to this post

    Hello Louise,

    There is no built-in way to restrict boundaries for the drag clue. 

    You can submit this as a feature request in the Kendo Feedback portal so that it is considered for implementation in a future release.

    Regards,
    Ianko
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 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