Nested Kendo UI windows with scroll bars

5 posts, 0 answers
  1. Mounika
    Mounika avatar
    4 posts
    Member since:
    Apr 2016

    Posted 19 Apr Link to this post

    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

     

  2. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 20 Apr Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Mounika
    Mounika avatar
    4 posts
    Member since:
    Apr 2016

    Posted 20 Apr in reply to Alex Gyoshev Link to this post

    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?
  5. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 21 Apr Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  6. Mounika
    Mounika avatar
    4 posts
    Member since:
    Apr 2016

    Posted 17 Jun in reply to Alex Gyoshev Link to this post

    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

Back to Top
Kendo UI is VS 2017 Ready