Cascade Open Windows
The example below demonstrates how to cascade open Kendo UI Windows on top of each other.
<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
- 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.