appendTo Object|String (default: document.body)

The element that the Window will be appended to. Beneficial if the Window is used together with a form. Note that this does not constrain the window dragging within the given element. For such scenarios, use the draggable.containment setting.

Appending the Window to an element with an overflow:hidden, overflow:auto or overflow:scroll style may result in undesired behavior, because the Window will not be able to be displayed outside the element's boundaries. Unwanted scrollbars may appear as well.

Example - set the window container to be the form with id="mainForm"

<div id="dialog"></div>
<script>
$("#dialog").kendoWindow({
  appendTo: "form#mainForm"
});
</script>
In this article
Not finding the help you need? Improve this article