DropDownButton

Example

<kendo-dropdownbutton>
    <dropdownbutton-items></dropdownbutton-items>
    <messages />
    <popup></popup>
</kendo-dropdownbutton>

ChildTags

Tag Name Details
dropdownbutton-items DropDownButtonItemsTagHelper
messages DropDownButtonMessagesSettingsTagHelper
popup DropDownButtonPopupSettingsTagHelper

Attributes

Attribute Type Description
name String Sets the name of the component.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
as-module Boolean
enabled Boolean Indicates whether the DropDownButton 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.
has-client-component Boolean
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 DropDownButton. 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 DropDownButton. Allows the usage of custom icons.
image-url String Defines a URL, which will be used for an img element inside the DropDownButton. 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.
item-template-id String Specifies a custom template for the menu items.
item-template-view IHtmlContent Specifies a custom template for the menu items.
on-click String Fires when the DropDownButton or any if its items is clicked with the mouse, touched on a touch device, or ENTER (or SPACE) is pressed while the DropDownButton or an item is focused.
on-close String Fires when the menu button is closed.
on-open String Fires when the menu button is opened.
rounded Rounded Sets a value controlling the border radius.
sanitize-id Boolean
script-attributes IDictionary<String,Object>
show-arrow-button Boolean Configures the DropDownButton to render a down arrow that opens and closes its popup.
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 DropDownButton. 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.
text String
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.
theme-color ThemeColor Sets the color of the component according to the applied theme.
In this article
Not finding the help you need?