Cascade Open Windows
Environment
| Product | Progress® Kendo UI® Window for jQuery |
| Operating System | Windows 10 64bit |
| Visual Studio Version | Visual Studio 2017 |
| Preferred Language | JavaScript |
Description
How can I cascade opened Kendo UI for jQuery Windows on top of each other?
Solution
The example below demonstrates how to achieve the desired scenario.
<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>