I have a scenario where I want parent and child windows. The fiddle http://jsfiddle.net/tDfSP/3/ mimics the scenario. I.e. I want to open a modal (parent) window. From this window I'll open a new modal (child) window. However, it doesn't work.
Markup from fiddle:
<div id="sub">
sub vindue
</div>
<div id="dialog">
<input type="button" id="btn" value="Click" />
</div>
Script from fiddle:
$("#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();
});
Markup from fiddle:
<div id="sub">
sub vindue
</div>
<div id="dialog">
<input type="button" id="btn" value="Click" />
</div>
Script from fiddle:
$("#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();
});