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, thus, overriding the appendTo setting. Accepts either selector or an element.

Note that the containment element should be positioned. In other words, it should have CSS position attribute of 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