container String | jQuery(default: null)

If set, the hint movement is constrained to the container boundaries.

Example

<div id="container">
  <div id="draggable"></div>
</div>

<script>
  $("#draggable").kendoDraggable({
    hint: function(element) {
      return element.clone();
    },
    container: $("#container")
  });
</script>
<style>
  #container {
    width: 200px;
    height: 200px;
    border: 1px dashed red;
  }
  #draggable {
    width: 50px;
    height: 50px;
    background-color: orange;
    border: 2px solid green;
  }
</style>
In this article
Not finding the help you need? Improve this article