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>
<link rel=
"stylesheet"
href=
"http://cdn.kendostatic.com/2015.2.624/styles/kendo.common.min.css"
>
<link rel=
"stylesheet"
href=
"http://cdn.kendostatic.com/2015.2.624/styles/kendo.rtl.min.css"
>
<link rel=
"stylesheet"
href=
"http://cdn.kendostatic.com/2015.2.624/styles/kendo.default.min.css"
>
<link rel=
"stylesheet"
href=
"http://cdn.kendostatic.com/2015.2.624/styles/kendo.dataviz.min.css"
>
<link rel=
"stylesheet"
href=
"http://cdn.kendostatic.com/2015.2.624/styles/kendo.dataviz.default.min.css"
>
<link rel=
"stylesheet"
href=
"http://cdn.kendostatic.com/2015.2.624/styles/kendo.mobile.all.min.css"
>
<script src=
"http://code.jquery.com/jquery-1.9.1.min.js"
></script>
<script src=
"http://cdn.kendostatic.com/2015.2.624/js/kendo.all.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>