New to Kendo UI for jQuery? Start a free 30-day trial

Draggable

configuration

Specifies whether the FloatingToolBar can be repositioned by the user through pointer dragging or keyboard-driven Move mode. When enabled, a drag handle is rendered inside the widget and the movement is clamped to remain within the browser viewport.

draggable

Boolean

Default: false

<div id="toolbar"></div>
<script>
$("#toolbar").kendoFloatingToolBar({
  visible: true,
  draggable: true,
  items: [
    { type: "button", text: "Button" }
  ]
});
</script>