<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="width: 100%; height: 100%;">
<head id="Head1" runat="server">
    <title>Test Page</title>
    <style type="text/css">
        html
        {
            overflow: hidden;
        }
        html, body, form
        {
            height: 100%;
            margin: 0;
            padding: 0;
        }
        
        *
        {
            margin: 0;
        }
        .wrapper
        {
            min-height: 100%;
            height: auto !important;
            height: 100%;
            margin: 0 auto -30px;
            overflow: hidden;
        }
        
        .footer, .push
        {
            height: 30px;
        }
    </style>
</head>
<body style="width: 100%; height: 100%;">
    <form id="form1" runat="server" style="width: 100%; height: 100%;">
    <asp:ScriptManager ID="scriptManager" runat="server" />
    <telerik:RadAjaxManager runat="server" ID="radAjaxManager">
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel runat="server" ID="loadingPanel">
    </telerik:RadAjaxLoadingPanel>
    <telerik:RadWindowManager ID="radWindowManager" runat="Server" Skin="Web20">
    </telerik:RadWindowManager>
            <telerik:RadSplitter ID="radSplitterMainContent" runat="server" Height="100%" Width="100%"
                Orientation="Vertical" Skin="Web20">
                <telerik:RadPane ID="radPaneToolBar" runat="Server" Width="200" MaxWidth="200" MinWidth="200"
                    Height="100%">
                    <asp:UpdatePanel ID="pnlToolBar" runat="server" UpdateMode="Conditional">
                        <ContentTemplate>
                            Test Test Test Test Test Test<br />
                            <br />
                            Test Test Test Test Test Test<br />
                            <br />
                            Test Test Test Test Test Test<br />
                            <br />
                            Test Test Test Test Test Test<br />
                            <br />
                        </ContentTemplate>
                    </asp:UpdatePanel>
                </telerik:RadPane>
                <telerik:RadSplitBar ID="radSplitBarToolBar" runat="server" CollapseMode="Forward"
                    Height="100%" Width="100%" />
                <telerik:RadPane ID="radPanePageViews" runat="Server" Scrolling="None">
                            <div class="wrapper">
                                <telerik:RadSplitter runat="server" Orientation="Horizontal">
                                    <telerik:RadPane runat="server" Height="20">
                                        <div class="header">
                                            header
                                        </div>
                                    </telerik:RadPane>
                                    <telerik:RadPane runat="server" Height="100%" CssClass="article">
                                        <telerik:RadGrid ID="radGrid" Height="100%" runat="server" AutoGenerateColumns="false"
                                            MasterTableView-TableLayout="Fixed" ClientSettings-Scrolling-AllowScroll="true"
                                            style="border: 0 none;"
                                            ClientSettings-Scrolling-UseStaticHeaders="true">
                                            <MasterTableView>
                                                <Columns>
                                                    <telerik:GridBoundColumn DataField="ID" HeaderText="ID">
                                                    </telerik:GridBoundColumn>
                                                    <telerik:GridBoundColumn DataField="Subject" HeaderText="Text">
                                                    </telerik:GridBoundColumn>
                                                    <telerik:GridBoundColumn DataField="SortOrder" HeaderText="Sort Order<br>Test<br>Test<br>Test">
                                                    </telerik:GridBoundColumn>
                                                </Columns>
                                            </MasterTableView>
                                        </telerik:RadGrid>
                                    </telerik:RadPane>
                                    <telerik:RadPane runat="server" Height="30" class="footer">
                                        <p>
                                            Footer</p>
                                    </telerik:RadPane>
                                </telerik:RadSplitter>
                            </div>
                </telerik:RadPane>
            </telerik:RadSplitter>
    </form>
</body>
</html>
