ToolBarItemTagHelper

Example

Razor
<item>
    <buttons></buttons>
    <item-overflow-template></item-overflow-template>
    <item-template></item-template>
    <menu-buttons></menu-buttons>
</item>

ChildTags

Tag NameDetails
buttonsToolBarItemButtonsTagHelper
item-overflow-templateTemplateTagHelper
item-templateTemplateTagHelper
menu-buttonsToolBarItemMenuButtonsTagHelper

Attributes

AttributeTypeDescription
clickStringSpecifies the click event handler of the button. Applicable only for commands of type button and splitButton.
enableBooleanSpecifies whether the control is initially enabled or disabled. Default value is "true".
groupStringAssigns the button to a group. Applicable only for buttons with togglable: true.
hiddenBooleanDetermines if a button is visible or hidden. By default buttons are visible.
html-attributesObjectSpecifies the HTML attributes of a ToolBar button.
iconStringSets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite.
idStringSpecifies the ID of the button.
image-urlStringIf set, the ToolBar will render an image with the specified URL in the button.
overflowShowInOverflowPopupSpecifies what element will be added in the command overflow popup. Applicable only for items that have a template.
overflow-templateStringSpecifies what element will be added in the command overflow popup. Applicable only for items that have a template.
overflow-template-handlerStringSpecifies what element will be added in the command overflow popup. Applicable only for items that have a template.
overflow-template-idStringSpecifies what element will be added in the command overflow popup. Applicable only for items that have a template.
overflow-template-viewIHtmlContentSpecifies what element will be added in the command overflow popup. Applicable only for items that have a template.
primaryBooleanSpecifies whether the button is primary. Primary buttons receive different styling.
selectedBooleanSpecifies if the toggle button is initially selected. Applicable only for buttons with togglable: true.
show-iconShowInSpecifies where the icon will be displayed.
show-textShowInSpecifies where the text will be displayed.
sprite-css-classStringDefines a CSS class (or multiple classes separated by spaces) which will be used for button icon.
templateStringSpecifies what element will be added in the ToolBar wrapper. Items with template does not have a type.
template-handlerStringSpecifies what element will be added in the ToolBar wrapper. Items with template does not have a type.
template-idStringSpecifies what element will be added in the ToolBar wrapper. Items with template does not have a type.
template-viewIHtmlContentSpecifies what element will be added in the ToolBar wrapper. Items with template does not have a type.
textStringSets the text of the button.
togglableBooleanSpecifies if the button is togglable, e.g. has a selected and unselected state.
toggleStringSpecifies the toggle event handler of the button. Applicable only for commands of type button and togglable: true.
typeCommandTypeSpecifies the type of the item.
urlStringSpecifies the url to navigate to.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support