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

Spacer

The Spacer command type moves the tools that are declared after it to the right side of the ToolBar.

The following example demonstrates how to define a spacer.

<div id="toolbar"></div>

<script>
    $("#toolbar").kendoToolBar({
        items: [
            { type: "button", text: "Button 1" },
            { type: "spacer" },
            { type: "button", text: "Button 2" }
        ]
    });
</script>

You can use multiple spacers to create an equal amount of space between several tools.

<div id="toolbar"></div>

<script>
    $("#toolbar").kendoToolBar({
        items: [
            { type: "button", text: "Button 1" },
            { type: "spacer" },
            { type: "button", text: "Button 2" },
            { type: "spacer" },
            { type: "button", text: "Button 3" }
        ]
    });
</script>

See Also

In this article