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

TabPosition

configuration

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.

tabPosition

String

Default: "top"

<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({
        tabPosition: "left",
        animation: {
           open: {
               effects: "fadeIn"
           }
       }
    });
</script>