<kendo:tabStrip>

A JSP wrapper for Kendo UI TabStrip.

Configuration Attributes

animation `boolean`

A collection of visual animations used when TabStrip tab are selected through user interactions. Setting this option to false will disable all animations. is not a valid configuration. Further configuration is available via kendo:tabStrip-animation.

Example

<kendo:tabStrip animation="animation">
</kendo:tabStrip>

collapsible `boolean`

Specifies whether the TabStrip should be able to collapse completely when clicking an expanded tab.

Example

<kendo:tabStrip collapsible="collapsible">
</kendo:tabStrip>

contentUrls `java.lang.Object`

Sets an array with the URLs from which the tabs content to be loaded from. If only specific tabs should be loaded via Ajax, then you should set the URLs to the corresponding positions in the array and set the other elements to null.

Example

<kendo:tabStrip contentUrls="contentUrls">
</kendo:tabStrip>

dataContentField `java.lang.String`

Sets the field of the data item that provides the text content of the tab content element.

Example

<kendo:tabStrip dataContentField="dataContentField">
</kendo:tabStrip>

dataContentUrlField `java.lang.String`

Sets the field of the data item that provides the URL for the Ajax loaded tab content.

Example

<kendo:tabStrip dataContentUrlField="dataContentUrlField">
</kendo:tabStrip>

dataImageUrlField `java.lang.String`

Sets the field of the data item that provides the image URL of the tab.

Example

<kendo:tabStrip dataImageUrlField="dataImageUrlField">
</kendo:tabStrip>

dataSpriteCssClass `java.lang.String`

Sets the field of the data item that provides the CSS class of the tab.

Example

<kendo:tabStrip dataSpriteCssClass="dataSpriteCssClass">
</kendo:tabStrip>

dataTextField `java.lang.String`

Sets the field of the data item that provides the text name of the tab.

Example

<kendo:tabStrip dataTextField="dataTextField">
</kendo:tabStrip>

dataUrlField `java.lang.String`

Sets the field of the data item that provides the link URL for the tab.

Example

<kendo:tabStrip dataUrlField="dataUrlField">
</kendo:tabStrip>

navigatable `boolean`

Specifies whether the TabStrip should be keyboard navigatable.

Example

<kendo:tabStrip navigatable="navigatable">
</kendo:tabStrip>

scrollable `boolean`

If enabled, the TabStrip will display buttons that will scroll the tabs horizontally, when they cannot fit the TabStrip width. By default scrolling is enabled.The feature requires "top" or "bottom" tabPosition.Unless disabled, scrollable must be set to a JavaScript object, which represents the scrolling configuration.See Scrollable Tabs for more information. Further configuration is available via kendo:tabStrip-scrollable.

Example

<kendo:tabStrip scrollable="scrollable">
</kendo:tabStrip>

tabPosition `java.lang.String`

Specifies the position of the widget tabs. Valid values are "top" (default), "left", "right" and "bottom". A fade animation is highly recommended with any of the non-default tab position settings.

Example

<kendo:tabStrip tabPosition="tabPosition">
</kendo:tabStrip>

value `java.lang.String`

Specifies the selected tab. Should be corresponding to the dataTextField configuration and used when bound to a DataSource component.

Example

<kendo:tabStrip value="value">
</kendo:tabStrip>

Configuration JSP Tags

kendo:tabStrip-animation

A collection of visual animations used when TabStrip tab are selected through user interactions. Setting this option to false will disable all animations. is not a valid configuration.

More documentation is available at kendo:tabStrip-animation.

Example

<kendo:tabStrip>
    <kendo:tabStrip-animation></kendo:tabStrip-animation>
</kendo:tabStrip>

kendo:tabStrip-items

Contains the items of the tabstrip widget

More documentation is available at kendo:tabStrip-items.

Example

<kendo:tabStrip>
    <kendo:tabStrip-items></kendo:tabStrip-items>
</kendo:tabStrip>

kendo:tabStrip-scrollable

More documentation is available at kendo:tabStrip-scrollable.

Example

<kendo:tabStrip>
    <kendo:tabStrip-scrollable></kendo:tabStrip-scrollable>
</kendo:tabStrip>

Event Attributes

activate `String`

Triggered after a tab is being made visible and its animation complete. Before Q2 2014 this event was invoked after tab show, but before the end of the animation. This event is triggered only for tabs with associated content.

For additional information check the activate event documentation.

Example

<kendo:tabStrip activate="handle_activate">
</kendo:tabStrip>
<script>
    function handle_activate(e) {
        // Code to handle the activate event.
    }
</script>

contentLoad `String`

Triggered when content is fetched from an AJAX request.

For additional information check the contentLoad event documentation.

Example

<kendo:tabStrip contentLoad="handle_contentLoad">
</kendo:tabStrip>
<script>
    function handle_contentLoad(e) {
        // Code to handle the contentLoad event.
    }
</script>

error `String`

Triggered when an AJAX request results in an error.

For additional information check the error event documentation.

Example

<kendo:tabStrip error="handle_error">
</kendo:tabStrip>
<script>
    function handle_error(e) {
        // Code to handle the error event.
    }
</script>

select `String`

Triggered before a tab is selected.

For additional information check the select event documentation.

Example

<kendo:tabStrip select="handle_select">
</kendo:tabStrip>
<script>
    function handle_select(e) {
        // Code to handle the select event.
    }
</script>

show `String`

Triggered just after a tab is being made visible, but before the end of the animation. Before Q2 2014 this event was called activate.

For additional information check the show event documentation.

Example

<kendo:tabStrip show="handle_show">
</kendo:tabStrip>
<script>
    function handle_show(e) {
        // Code to handle the show event.
    }
</script>

Event Tags

kendo:tabStrip-activate

For additional information check the activate event documentation.

Example

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

kendo:tabStrip-contentLoad

Triggered when content is fetched from an AJAX request.

For additional information check the contentLoad event documentation.

Example

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

kendo:tabStrip-error

Triggered when an AJAX request results in an error.

For additional information check the error event documentation.

Example

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

kendo:tabStrip-select

Triggered before a tab is selected.

For additional information check the select event documentation.

Example

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

kendo:tabStrip-show

Triggered just after a tab is being made visible, but before the end of the animation. Before Q2 2014 this event was called activate.

For additional information check the show event documentation.

Example

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

animation boolean

Example

collapsible boolean

Example

contentUrls java.lang.Object

Example

dataContentField java.lang.String

Example

dataContentUrlField java.lang.String

Example

dataImageUrlField java.lang.String

Example

dataSpriteCssClass java.lang.String

Example

dataTextField java.lang.String

Example

dataUrlField java.lang.String

Example

navigatable boolean

Example

scrollable boolean

Example

tabPosition java.lang.String

Example

value java.lang.String

Example

Example

Example

Example

activate String

Example

contentLoad String

Example

error String

Example

select String

Example

show String

Example

Example

Example

Example

Example

Example

Was this article helpful?

Give article feedback

Getting Started

Community

Frameworks

animation `boolean`

collapsible `boolean`

contentUrls `java.lang.Object`

dataContentField `java.lang.String`

dataContentUrlField `java.lang.String`

dataImageUrlField `java.lang.String`

dataSpriteCssClass `java.lang.String`

dataTextField `java.lang.String`

dataUrlField `java.lang.String`

navigatable `boolean`

scrollable `boolean`

tabPosition `java.lang.String`

value `java.lang.String`

activate `String`

contentLoad `String`

error `String`

select `String`

show `String`