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

Dragging within boundaries and autoscroll?

4 Answers 54 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Louise
Top achievements
Rank 1
Louise asked on 05 May 2017, 01:30 AM

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?

4 Answers, 1 is accepted

Sort by
0
Louise
Top achievements
Rank 1
answered on 05 May 2017, 03:39 AM

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

0
Ianko
Telerik team
answered on 09 May 2017, 08:30 AM

Hello Louise,

 

With the CSS decoration applied, the described behavior is expected to happen. Note that when scrolled to , the viewport of the 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  http://dojo.telerik.com/IGujU/8

 

Note that, by default, considers either the body or the as a scrolling container. If the scroll container is adjusted, you will need to set the overflow property to hidden in order for the  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.
0
Louise
Top achievements
Rank 1
answered on 10 May 2017, 12:54 AM
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
0
Ianko
Telerik team
answered on 10 May 2017, 06:29 AM

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.
Tags
TreeView
Asked by
Louise
Top achievements
Rank 1
Answers by
Louise
Top achievements
Rank 1
Ianko
Telerik team
Share this question
or