Edit this page

draggable Object |Boolean (default: true)

Enables (true) or disables (false) the ability for users to move/drag the widget.

Example - disable window dragging

<div id="dialog"></div>
<script>
$("#dialog").kendoWindow({
  draggable: false
});
</script>

Example - draggable object configuration

<div id="container">
  <div id="dialog">
    <div style="width: 20px; height: 20px; border: 1px solid red;" id="handle"></div>
  </div>
</div>
<script>
$("#dialog").kendoWindow({
  draggable: {
    containment: "#container",
    axis: "x",
    dragHandle: "#handle"
  }
});
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy