draggable.containment String|Element|jQuery default: ""

Defines the element in which the window will be able to move. The window is appended to this element and in this way overrides the appendTo option. Accepts either a selector or an element.

The containment element has to be positioned, that is, its CSS position attribute has to be set to relative, absolute, or fixed.

Example

<style>
    #container {
      position: relative;
      width: 500px;
      height: 500px;
      border: 1px solid grey;
    }
</style>

<div id="container">
    <div id="window">
        <p>Alvar Aalto is one of the greatest names in modern architecture and design.
          Glassblowers at the iittala factory still meticulously handcraft the legendary vases
          that are variations on one theme, fluid organic shapes that let the end user decide the use.
        </p>
    </div>
</div>

<script>
    $(document).ready(function() {
      $("#window").kendoWindow({
        width: "300px",
        height: "200px",
        draggable: {
            containment: "#container"
        }
      });
    });
</script>
In this article
Not finding the help you need? Improve this article