ToolBar
Example
Razor
<kendo-toolbar>
<overflow />
<toolbar-items></toolbar-items>
</kendo-toolbar>
ChildTags
| Tag Name | Details |
|---|---|
| overflow | ToolBarOverflowSettingsTagHelper |
| toolbar-items | ToolBarItemsTagHelper |
Attributes
| Attribute | Type | Description |
|---|---|---|
| name | String | Sets the name of the component. |
| navigate-on-tab | Boolean | If set to true this configuration option would enable Tab-based navigation among ToolBar items. |
| on-click | String | The name of the JavaScript function that will handle the click event. Fires when the user clicks a command button. |
| on-close | String | The name of the JavaScript function that will handle the close event. Fires when the SplitButton's popup closes. |
| on-open | String | The name of the JavaScript function that will handle the open event. Fires when the Split Button's popup opens. |
| on-overflow-close | String | The name of the JavaScript function that will handle the overflowClose event. Fires when the overflow popup container is about to close. |
| on-overflow-open | String | The name of the JavaScript function that will handle the overflowOpen event. Fires when the overflow popup container is about to open. |
| on-toggle | String | The name of the JavaScript function that will handle the toggle event. Fires when the user changes the checked state of a toggle button. |
| 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. |
| script-attributes | IDictionary<String,Object> | Sets the attributes that will be added to the script tag of the component's initialization script. |
| size | ComponentSize | Specifies the size of the component. Default is Medium. |
| is-in-client-template | Boolean | When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute. |
| deferred | Boolean | Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method. |
| as-module | Boolean | Specifies whether the initialization script of the component will be rendered as a JavaScript module. |