SplitButton

Example

Razor

<kendo-splitbutton>
    <item-template></item-template>
    <messages />
    <popup></popup>
    <splitbutton-items></splitbutton-items>
</kendo-splitbutton>

ChildTags

Tag Name	Details
item-template	TemplateTagHelper
messages	SplitButtonMessagesSettingsTagHelper
popup	SplitButtonPopupSettingsTagHelper
splitbutton-items	SplitButtonItemsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
as-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.
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.
arrow-icon	String	The icon rendered for the arrow button of the SplitButton.
enabled	Boolean	Indicates whether the SplitButton should be enabled or disabled. By default, it is enabled, unless a disabled="disabled" attribute is detected.
fill-mode	FillMode	Sets a value controlling how the color is applied.
icon	String	Defines a name of an existing icon in the Kendo UI theme sprite. The icon will be applied as background image of a span element inside the SplitButton. The span element can be added automatically by the widget, or an existing element can be used, if it has a k-icon CSS class applied. For a list of available icon names, please refer to the Icons demo.
icon-class	String	Defines a CSS class - or multiple classes separated by spaced - which are applied to a span element inside the SplitButton. Allows the usage of custom icons.
image-url	String	Defines a URL, which will be used for an img element inside the SplitButton. The URL can be relative or absolute. In case it is relative, it will be evaluated with relation to the web page URL.The img element can be added automatically by the widget, or an existing element can be used, if it has a k-image CSS class applied.
item-template	String	Specifies a custom template for the menu items.
item-template-handler	String	Specifies a custom template for the menu items. This option expects the name of a JavaScript function that will be called to return the template.
item-template-id	String	Specifies a custom template for the menu items. This option expects the ID of the script element that contains the template.
item-template-view	IHtmlContent	Specifies a custom template for the menu items. This option expects the instance containing the created HTML.
on-click	String	The name of the JavaScript function that will handle the click event. Fires when the SplitButton or any if its items is clicked with the mouse, touched on a touch device, or ENTER (or SPACE) is pressed while the SplitButton or an item is focused.
on-close	String	The name of the JavaScript function that will handle the close event. Fires when the menu button is closed.
on-open	String	The name of the JavaScript function that will handle the open event. Fires when the menu button is opened.
rounded	Rounded	Sets a value controlling the border radius.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
size	ComponentSize	Sets the size of the component.
sprite-css-class	String	Defines a CSS class (or multiple classes separated by spaces), which will be used for applying a background image to a span element inside the SplitButton. In case you want to use an icon from the Kendo UI theme sprite background image, it is easier to use the icon property.The span element can be added automatically by the widget, or an existing element can be used, if it has a k-sprite CSS class applied.
theme-color	ThemeColor	Sets the color of the component according to the applied theme.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
text	String