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