ToolBar

Example

Razor
<kendo-toolbar>
    <overflow />
    <toolbar-items></toolbar-items>
</kendo-toolbar>

ChildTags

Tag NameDetails
overflowToolBarOverflowSettingsTagHelper
toolbar-itemsToolBarItemsTagHelper

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
navigate-on-tabBooleanIf set to true this configuration option would enable Tab-based navigation among ToolBar items.
on-clickStringFires when the user clicks a command button.
on-closeStringFires when the SplitButton's popup closes.
on-openStringFires when the Split Button's popup opens.
on-overflow-closeStringFires when the overflow popup container is about to close.
on-overflow-openStringFires when the overflow popup container is about to open.
on-toggleStringFires when the user changes the checked state of a toggle button.
resizableBooleanIf resizable is set to true the widget will detect changes in the viewport width and hides the overflowing controls in the command overflow popup.
script-attributesIDictionary<String,Object>
sizeComponentSizeSpecifies the size of the component. Default is Medium.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
as-moduleBoolean
has-client-componentBoolean
sanitize-idBoolean
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support