appendTo Object|String (default: document.body)

The element to which the Window will be appended. It is beneficial to use the Window together with a form which does not constrain the dragging of the Window within the specific element. For such scenarios, use the draggable.containment setting.

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

Example - setting the Window container to be with the id="mainForm" form

<div id="dialog"></div>
<script>
$("#dialog").kendoWindow({
  appendTo: "form#mainForm"
});
</script>
In this article