New to Telerik UI for JSP? Download free 30-day trial

<kendo:splitButton>

A JSP wrapper for Kendo UI SplitButton.

Configuration Attributes

arrowIcon java.lang.String

The icon rendered for the arrow button of the SplitButton.

Example

<kendo:splitButton arrowIcon="arrowIcon">
</kendo:splitButton>

enabled boolean

Indicates whether the SplitButton should be enabled or disabled. By default, it is enabled, unless a disabled="disabled" attribute is detected.

Example

<kendo:splitButton enabled="enabled">
</kendo:splitButton>

fillMode java.lang.String

Controls how the color is applied to the button. Valid values are: "solid", "outline", "flat", "link", and "none". Default value is "solid".

Example

<kendo:splitButton fillMode="fillMode">
</kendo:splitButton>

icon java.lang.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.

Example

<kendo:splitButton icon="icon">
</kendo:splitButton>

iconClass java.lang.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.

Example

<kendo:splitButton iconClass="iconClass">
</kendo:splitButton>

imageUrl java.lang.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.

Example

<kendo:splitButton imageUrl="imageUrl">
</kendo:splitButton>

itemTemplate java.lang.String

Specifies a custom template for the menu items.

Example

<kendo:splitButton itemTemplate="itemTemplate">
</kendo:splitButton>

rounded java.lang.String

Controls what border radius is applied to a button. Valid values are: "small", "medium", "large", "full", and "none". Default value is "medium".

Example

<kendo:splitButton rounded="rounded">
</kendo:splitButton>

size java.lang.String

Controls the overall physical size of a button. Valid values are: "small", "medium", "large", and "none". Default value is "medium".

Example

<kendo:splitButton size="size">
</kendo:splitButton>

spriteCssClass java.lang.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.

Example

<kendo:splitButton spriteCssClass="spriteCssClass">
</kendo:splitButton>

themeColor java.lang.String

Controls the main color applied to the button. Valid values are: "base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse", and "none". Default value is "base".

Example

<kendo:splitButton themeColor="themeColor">
</kendo:splitButton>

Configuration JSP Tags

kendo:splitButton-items

Specifies the menu buttons of the SplitButton.

More documentation is available at kendo:splitButton-items.

Example

<kendo:splitButton>
    <kendo:splitButton-items></kendo:splitButton-items>
</kendo:splitButton>

kendo:splitButton-messages

Allows localization of the strings that are used in the widget.

More documentation is available at kendo:splitButton-messages.

Example

<kendo:splitButton>
    <kendo:splitButton-messages></kendo:splitButton-messages>
</kendo:splitButton>

kendo:splitButton-popup

The options that will be used for the popup initialization. For more details about the available options refer to Popup documentation.

More documentation is available at kendo:splitButton-popup.

Example

<kendo:splitButton>
    <kendo:splitButton-popup></kendo:splitButton-popup>
</kendo:splitButton>

Event Attributes

click String

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.

For additional information check the click event documentation.

Example

<kendo:splitButton click="handle_click">
</kendo:splitButton>
<script>
    function handle_click(e) {
        // Code to handle the click event.
    }
</script>

open String

Fires when the menu button is opened.

For additional information check the open event documentation.

Example

<kendo:splitButton open="handle_open">
</kendo:splitButton>
<script>
    function handle_open(e) {
        // Code to handle the open event.
    }
</script>

close String

Fires when the menu button is closed.

For additional information check the close event documentation.

Example

<kendo:splitButton close="handle_close">
</kendo:splitButton>
<script>
    function handle_close(e) {
        // Code to handle the close event.
    }
</script>

Event Tags

kendo:splitButton-click

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.

For additional information check the click event documentation.

Example

<kendo:splitButton>
    <kendo:splitButton-click>
        <script>
            function(e) {
                // Code to handle the click event.
            }
        </script>
    </kendo:splitButton-click>
</kendo:splitButton>

kendo:splitButton-open

Fires when the menu button is opened.

For additional information check the open event documentation.

Example

<kendo:splitButton>
    <kendo:splitButton-open>
        <script>
            function(e) {
                // Code to handle the open event.
            }
        </script>
    </kendo:splitButton-open>
</kendo:splitButton>

kendo:splitButton-close

Fires when the menu button is closed.

For additional information check the close event documentation.

Example

<kendo:splitButton>
    <kendo:splitButton-close>
        <script>
            function(e) {
                // Code to handle the close event.
            }
        </script>
    </kendo:splitButton-close>
</kendo:splitButton>
In this article
Not finding the help you need?