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

Anchor

configuration

Specifies the target element the FloatingToolBar is anchored to. When set, the widget operates in Anchored mode and positions itself relative to the specified target based on the position option. When left unset, the widget operates in Free-position mode and is positioned based on the containerAlign and margin options.

anchor

String|Element|jQuery

Default: undefined

<div id="target" style="width: 200px; height: 100px; border: 1px solid #ccc; margin: 100px;">Target element</div>
<div id="toolbar"></div>
<script>
$("#toolbar").kendoFloatingToolBar({
  anchor: "#target",
  position: "top",
  visible: true,
  items: [
    { type: "button", text: "Button" }
  ]
});
</script>