<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

    <link href="http://kendo.cdn.telerik.com/2015.3.930/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="http://kendo.cdn.telerik.com/2015.3.930/styles/kendo.blueopal.min.css" rel="stylesheet" />
    <script src="http://kendo.cdn.telerik.com/2015.3.930/js/kendo.all.min.js"></script>
    <style>
        #tabstrip .k-content
        {
            height: 800px;
            overflow: auto;
        }
    </style>
</head>
<body>

    <div>
        <div id="example">
            <div class="wrapper">
                <div id="tabstrip">
                    <ul>
                        <li class="k-state-active">Dimensions &amp; Weights</li>
                        <li>Engine</li>
                        <li>Chassis</li>
                    </ul>
                </div>
            </div>
        </div>

        <script>
            $(document).ready(function () {
                var ts = $("#tabstrip").kendoTabStrip({
                    animation: { open: { effects: "fadeIn" } },
                    contentUrls: [
                                '../WebForm2.aspx',
                                 '../WebForm2.aspx',
                                '../ReportViewerForm1.aspx'
                    ]
                }).data('kendoTabStrip');
            });
        </script>
    </div>

</body>
</html>
