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

Position

configuration

Specifies the side of the anchor target the FloatingToolBar is positioned at when the anchor option is set. This option is ignored in Free-position mode. The supported values are:

"top" — positions the toolbar above the anchor target.
"bottom" — positions the toolbar below the anchor target.
"left" — positions the toolbar to the left of the anchor target.
"right" — positions the toolbar to the right of the anchor target.

position

String

Default: "top"

<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: "bottom",
  visible: true,
  items: [
    { type: "button", text: "Button" }
  ]
});
</script>