k-tabStrip height

PanelBar with equal height

by valchev

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.metro.min.css">
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<div id="tabstrip">
    <ul>
        <li class="k-state-active">Introduction</li>
        <li>History</li>
        <li>Contributors</li>
    </ul>
    <div>
        <div class="tabContent">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel adipiscing urna. Cras massa mauris, lacinia quis ullamcorper venenatis, dictum quis purus. Praesent ut ligula sed ante lacinia eleifend. In hac habitasse platea dictumst. Suspendisse sit amet libero eget erat faucibus consequat at vel orci. Aliquam a leo massa, sed tristique mi. Duis consectetur, ante vel facilisis lacinia, nisl dolor sagittis justo, volutpat placerat sem nulla at augue.
        </div>
    </div>
    <div>
        <div class="tabContent">
            In convallis eleifend congue. Ut in mi at ligula blandit commodo. Fusce dapibus gravida neque ut vestibulum. Nunc vitae enim neque. Nunc elit metus, lacinia vulputate commodo ac, hendrerit ut nisl. Nam hendrerit nunc nec quam hendrerit ut dignissim dolor bibendum. In erat risus, posuere non blandit non, cursus id felis. Sed ut mi ut nibh auctor tincidunt. Maecenas vitae lectus ipsum, imperdiet suscipit justo. Praesent accumsan scelerisque dui vitae euismod. Cras massa lectus, pharetra eu tincidunt et, pulvinar a nunc. Suspendisse vehicula, sem nec suscipit euismod, neque metus hendrerit nunc, eget hendrerit dui tellus a felis. Sed arcu mauris, sodales vitae iaculis non, dictum et sem. Mauris sodales interdum interdum.

Quisque lacus sapien, vulputate et varius et, suscipit et mi. Cras euismod venenatis viverra. Donec ante felis, sollicitudin vel posuere ornare, porttitor a velit. Morbi euismod nulla id tellus pharetra facilisis et sit amet enim. Aliquam erat...

CSS

.tabContent {
    height: 200px;
    overflow: auto;
}

JavaScript

$("#tabstrip").kendoTabStrip();