Appends a tab to the collection of tabs in a TabStrip.


<div id="tabstrip"></div>

     var tabStrip = $("#tabstrip").kendoTabStrip({
        dataTextField: "text",
        dataImageUrlField: "imageUrl",
        dataContentField: "content",
        dataContentUrlField: "contentUrl",
        dataSource: [
                            text: "Tab 1",
                            content: "Tab 1 content"
                            text: "Tab 2",
                            content: "Tab 2 content"
                            text: "Tab 3",
                            content: "Tab 3 content"

            text: "<b>Appended Tab 1</b>",
            encoded: false,                             // Allows use of HTML for item text
            content: "Appended Tab 1 content",                             // Content for the content element
            imageUrl: "" // Provides the image URL of the tab
            text: "<i>Appended Tab 2</i>",
            encoded: false,                             // Allows use of HTML for item text                           
            contentUrl: "", // Provides the URL for the Ajax loaded tab content
            spriteCssClass: "brazilFlag"  // Item image sprite CSS class, optional.
    #tabstrip .k-sprite {
    background-image: url("");


tab Array|Object

Target tab, specified as a JSON object. You can pass tab text, content or contentUrl here. Can handle an HTML string or array of such strings or JSON.


kendo.ui.TabStrip Returns the TabStrip object to support chaining.

In this article