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

<kendo:switchButton>

A JSP wrapper for Kendo UI Switch.

Configuration Attributes

checked boolean

The checked state of the Switch.

Example

<kendo:switchButton checked="checked">
</kendo:switchButton>

enabled boolean

If set to false, the Switch will be disabled and will not allow the user to change its checked state.

Example

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

readonly boolean

If set to true, the Switch will render into its read-only state.

Example

<kendo:switchButton readonly="readonly">
</kendo:switchButton>

size java.lang.String

Sets a value controlling the size of the component. Can also be set to the following string values: "small"; "medium"; "large" or "none".

Example

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

thumbRounded java.lang.String

Sets a value controlling the thumb's border radius. Can also be set to the following string values: "small"; "medium"; "large"; "full" or "none".

Example

<kendo:switchButton thumbRounded="thumbRounded">
</kendo:switchButton>

trackRounded java.lang.String

Sets a value controlling the track's border radius. Can also be set to the following string values: "small"; "medium"; "large"; "full" or "none".

Example

<kendo:switchButton trackRounded="trackRounded">
</kendo:switchButton>

width java.lang.Object

The width of the Switch.

Example

<kendo:switchButton width="width">
</kendo:switchButton>

Configuration JSP Tags

kendo:switchButton-messages

Defines the text of the checked and unchecked labels that are displayed within the Switch. All labels support localization.

More documentation is available at kendo:switchButton-messages.

Example

<kendo:switchButton>
    <kendo:switchButton-messages></kendo:switchButton-messages>
</kendo:switchButton>

Event Attributes

change String

Fires when the checked state of the Switch is changed through user interaction.

For additional information check the change event documentation.

Example

<kendo:switchButton change="handle_change">
</kendo:switchButton>
<script>
    function handle_change(e) {
        // Code to handle the change event.
    }
</script>

Event Tags

kendo:switchButton-change

Fires when the checked state of the Switch is changed through user interaction.

For additional information check the change event documentation.

Example

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