That helped with the background. Now I almost understand the close, but I just want to clarify it.
to create the var would I be using the name from the page calling, or creating a new one on the page. This I think is where my confusion lies. For instance when I call the popup window:
@(Html.Kendo().Window() .Name("Select") .Title("Select a Character") .Content("Loading information.....") .LoadContentFrom("Index", "Characters") .Modal(true) .HtmlAttributes(new { style="background:grey"}) .Visible(false) .Width(500) .AutoFocus(true)) <spanid="selE"class="btn btn-default">Edit Character</span> <script> $(document).ready(function () { $("#selE") .bind("click", function () { $("#Select").data("kendoWindow").center().open(); }); }); </script>
The example uses:
<divid="dialog"></div><script>$("#dialog").kendoWindow();var dialog = $("#dialog").data("kendoWindow");setTimeout(function() { dialog.close();}, 1000);</script>