New to Telerik UI for JSP? Download free 30-day trial

<kendo:toolBar>

A JSP wrapper for Kendo UI ToolBar.

Configuration Attributes

If set to true this configuration option would enable Tab-based navigation among ToolBar items.

Example

<kendo:toolBar navigateOnTab="navigateOnTab">
</kendo:toolBar>

resizable boolean

If resizable is set to true the widget will detect changes in the viewport width and hides the overflowing controls in the command overflow popup.

Example

<kendo:toolBar resizable="resizable">
</kendo:toolBar>

Configuration JSP Tags

kendo:toolBar-items

A JavaScript array that contains the ToolBar's commands configuration.

More documentation is available at kendo:toolBar-items.

Example

<kendo:toolBar>
    <kendo:toolBar-items></kendo:toolBar-items>
</kendo:toolBar>

Event Attributes

click String

Fires when the user clicks a command button.

For additional information check the click event documentation.

Example

<kendo:toolBar click="handle_click">
</kendo:toolBar>
<script>
    function handle_click(e) {
        // Code to handle the click event.
    }
</script>

close String

Fires when the SplitButton's popup closes.

For additional information check the close event documentation.

Example

<kendo:toolBar close="handle_close">
</kendo:toolBar>
<script>
    function handle_close(e) {
        // Code to handle the close event.
    }
</script>

open String

Fires when the Split Button's popup opens.

For additional information check the open event documentation.

Example

<kendo:toolBar open="handle_open">
</kendo:toolBar>
<script>
    function handle_open(e) {
        // Code to handle the open event.
    }
</script>

toggle String

Fires when the user changes the checked state of a toggle button.

For additional information check the toggle event documentation.

Example

<kendo:toolBar toggle="handle_toggle">
</kendo:toolBar>
<script>
    function handle_toggle(e) {
        // Code to handle the toggle event.
    }
</script>

overflowClose String

Fires when the overflow popup container is about to close.

For additional information check the overflowClose event documentation.

Example

<kendo:toolBar overflowClose="handle_overflowClose">
</kendo:toolBar>
<script>
    function handle_overflowClose(e) {
        // Code to handle the overflowClose event.
    }
</script>

overflowOpen String

Fires when the overflow popup container is about to open.

For additional information check the overflowOpen event documentation.

Example

<kendo:toolBar overflowOpen="handle_overflowOpen">
</kendo:toolBar>
<script>
    function handle_overflowOpen(e) {
        // Code to handle the overflowOpen event.
    }
</script>

Event Tags

kendo:toolBar-click

Fires when the user clicks a command button.

For additional information check the click event documentation.

Example

<kendo:toolBar>
    <kendo:toolBar-click>
        <script>
            function(e) {
                // Code to handle the click event.
            }
        </script>
    </kendo:toolBar-click>
</kendo:toolBar>

kendo:toolBar-close

Fires when the SplitButton's popup closes.

For additional information check the close event documentation.

Example

<kendo:toolBar>
    <kendo:toolBar-close>
        <script>
            function(e) {
                // Code to handle the close event.
            }
        </script>
    </kendo:toolBar-close>
</kendo:toolBar>

kendo:toolBar-open

Fires when the Split Button's popup opens.

For additional information check the open event documentation.

Example

<kendo:toolBar>
    <kendo:toolBar-open>
        <script>
            function(e) {
                // Code to handle the open event.
            }
        </script>
    </kendo:toolBar-open>
</kendo:toolBar>

kendo:toolBar-toggle

Fires when the user changes the checked state of a toggle button.

For additional information check the toggle event documentation.

Example

<kendo:toolBar>
    <kendo:toolBar-toggle>
        <script>
            function(e) {
                // Code to handle the toggle event.
            }
        </script>
    </kendo:toolBar-toggle>
</kendo:toolBar>

kendo:toolBar-overflowClose

Fires when the overflow popup container is about to close.

For additional information check the overflowClose event documentation.

Example

<kendo:toolBar>
    <kendo:toolBar-overflowClose>
        <script>
            function(e) {
                // Code to handle the overflowClose event.
            }
        </script>
    </kendo:toolBar-overflowClose>
</kendo:toolBar>

kendo:toolBar-overflowOpen

Fires when the overflow popup container is about to open.

For additional information check the overflowOpen event documentation.

Example

<kendo:toolBar>
    <kendo:toolBar-overflowOpen>
        <script>
            function(e) {
                // Code to handle the overflowOpen event.
            }
        </script>
    </kendo:toolBar-overflowOpen>
</kendo:toolBar>
In this article
Not finding the help you need?