Parent/Child KendoWindow Presentation

2 posts, 0 answers
  1. Joshua
    Joshua avatar
    4 posts
    Member since:
    Nov 2014

    Posted 01 Jul 2015 Link to this post

    Hello,

     I am experiencing an issue with the KendoWindow in that I have a child Window that is falling behind the parent, making it not visible on screen unless the parent is moved. I need the child to come to the very front, as it is going to be a modal that requires some user action to remove itself at completion. I have a code block that represents a issue similar to what I am experiencing. The parent KendoWindow has a button which attempts to bring the child Window to the front, but that does not occur. 

    What would be required to have the expected behavior occur?

    Thanks.

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>Kendo UI Snippet</title>
     
     
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    </head>
    <body>
       
    <div id="dialog"><button id="btn" type="button" >Click</button></div>
    <div id="another">hello</div>
    <script>
       
      $("#another").kendoWindow();
      var another = $("#another").data("kendoWindow");
      
       
       $("#dialog").kendoWindow();
       var dialog = $("#dialog").data("kendoWindow");
     
      $("#btn").mousedown(function() {
            $("#another").data("kendoWindow").toFront();
      });
    </script>
    </body>
    </html>

  2. Alexander Popov
    Admin
    Alexander Popov avatar
    1416 posts

    Posted 03 Jul 2015 Link to this post

    Hi Joshua,

    I would suggest using the click event handler instead, as focusing Windows brings them to the front. Here is an example illustrating a behavior similar to the one you described.

    Regards,
    Alexander Popov
    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
Back to Top