Cascade Open Windows

The example below demonstrates how to cascade open Kendo UI Windows on top of each other.

Example

   <script>
      $(document).ready(function() {
        for (var i = 0; i < 6; i++){
          var win = $("<div> </div>").appendTo("body");
          win.kendoWindow({
            width: "400px",
            title: "Window",
            visible:true,
            actions: [
              "Close"
            ]
          });
        }
        cascadeWindows();
      });

      function cascadeWindows(){
        var x = 10, y = 10;
        $("[data-role=window]").each(function(){
          var win = $(this).data("kendoWindow");
          if (win.options.visible) {
            win.setOptions({
              position: {
                top: y,
                left: x
              }
            });
            win.toFront();

            x += 14;
            y += 14;
          }
        });
      }
    </script>

See Also

Other articles and how-to examples on the Kendo UI Window:

• Window JavaScript API Reference
• How to Post to Iframe
• How to Restrict Window Positioning
• How to Use Custom Action Icons

For more runnable examples on the Kendo UI Window, browse the How To documentation folder.