This is a migrated thread and some comments may be shown as answers.

[Solved] Parent/Child KendoWindow Presentation

1 Answer 388 Views

Window

This is a migrated thread and some comments may be shown as answers.

Joshua asked on 01 Jul 2015, 07:51 PM

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>

[Solved] Parent/Child KendoWindow Presentation

1 Answer, 1 is accepted