Nested Kendo UI windows with scroll bars

[Mounika]

Hi, we are developing a component where we use nested Kendo UI Windows. Attached picture shows what we need. Following is the functionality.

On clicking of "Button1" we need to create kendo windows (Modal1,Modal2 etc) within the div (TotalContainer). If the width exceeds  div width scroll bar should appear. Modal windows should be draggable within TotalContainer. Similarly if we click on "Button2" we need to create nested windows(submodal1,submodal2 etc ) with in Modal1. If the width increases Modal1 width scroll bar should appear. And all the submodals should be draggable within Modal1 itself.

We have achieved the above functionality, but on dragging any SubModal entire Modal1 is being dragged. We are unable to drag SubModal1 alone within Modal1.

Attached is the code which we have developed.

 

Thanks in advance

 

[Alex Gyoshev]

Hello Mounika,

This functionality is not supported by the Kendo UI Window. Windows are positioned absolutely, by design, and not constrained within their parent elements.

Regards,
Alex Gyoshev
Telerik

 

 

[Mounika]

Am able to drag Modal1,Modal2 , is it because they are in Div and not inside Kendo Window? Does this mean that nested windows are not supported in Kendo?

[Alex Gyoshev]

Hello Mounika,

All windows are moved to the end of the document, just before the closing </body> tag. Yes, nested windows are not supported by the widget.

Regards,
Alex Gyoshev
Telerik

 

 

[Mounika]

Hi Alex, 

First of all thank you so much for the suggestion you provided last time. 

This time i got stuck with the new functionality as it is posted by one of our team member in stackoverflow. Below is the link 

http://stackoverflow.com/questions/37828416/is-there-any-scroll-event-in-kendo-grid-with-angular-js

Can you just provide your comments or feedback on this. It will be very helpful. 

Thanks & regards

Mounika