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

Show

methods

Shows the FloatingToolBar. When called without arguments, the widget shows using its current configuration — positioned relative to the anchor target if set, or otherwise based on the containerAlign and margin options.

show

<div id="toolbar"></div>
<script>
$("#toolbar").kendoFloatingToolBar({
  items: [
    { type: "button", text: "Button" }
  ]
});
var floatingToolBar = $("#toolbar").data("kendoFloatingToolBar");
floatingToolBar.show();
</script>

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

<div id="toolbar"></div>
<script>
$("#toolbar").kendoFloatingToolBar({
  items: [
    { type: "button", text: "Button" }
  ]
});
var floatingToolBar = $("#toolbar").data("kendoFloatingToolBar");
floatingToolBar.show({ top: 50, left: 100 });
</script>