Parent/child windows

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<div id="sub">
    sub window
</div>

<div id="dialog">
<input type="button" id="btn" value="Click" />
</div>

JavaScript

$("#dialog").kendoWindow({
            modal: true,
            title: "Indbakke emne",
            minHeight: 300,
            width: 700,
          });
var dialog = $("#dialog").data("kendoWindow");
dialog.center();
                
$("#sub").kendoWindow({
    visible: false,
            modal: true, // <-- breaks parents modal state if sub window is modal, in addition the sub window is not properly modal because the parent window is not blocked
            title: "Sub",
            minHeight: 300,
            width: 70,
          });
                
                
                
$("#btn").click(function() {
    $("#sub").data("kendoWindow").center().open();
});