New to Kendo UI for jQuery? Start a free 30-day trial

TabAlignment

configuration

Specifies the alignment of the widget tabs. Valid values are "start" (default), "end", "center", "stretched" and "justify".

TabAlignment is not applicable with Scrollable TabStrip.

tabAlignment

String

Default: "start"

<div id="tabstrip">
    <ul>
        <li>Tab 1</li>
        <li>Tab 2</li>
    </ul>
    <div>Content 1</div>
    <div>Content 2</div>
</div>

<script>
    $("#tabstrip").kendoTabStrip({
        tabAlignment: "center",
        animation: {
           open: {
               effects: "fadeIn"
           }
       }
    });
</script>