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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Telerik test</title>
</head>
<body>
    <form id="form1" runat="server">

        <div style="padding: 10px">

            <telerik:RadScriptManager runat="server">
                <Scripts>
                    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"></asp:ScriptReference>
                    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"></asp:ScriptReference>
                    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"></asp:ScriptReference>
                </Scripts>
            </telerik:RadScriptManager>

            <telerik:RadStyleSheetManager runat="server"></telerik:RadStyleSheetManager>

            <h1>Telerik test</h1>
            <br />
            <br />

            <asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Always" runat="server">
                <ContentTemplate>

                    <asp:Wizard ID="Wizard" runat="server" Width="100%" DisplaySideBar="False" OnActiveStepChanged="Wizard_ActiveStepChanged" OnNextButtonClick="Wizard_NextButtonClick">
                        <WizardSteps>

                            <asp:WizardStep ID="Step1" runat="server" StepType="Start" Title="Step 1" AllowReturn="false">
                                <h2>Instruction</h2>
                                <p>Click <strong>"Next"</strong> and check broken grid designs in tabs <strong>"Tab1"</strong> and <strong>"Tab2"</strong></p>
                            </asp:WizardStep>

                            <asp:WizardStep ID="Step2" runat="server" StepType="Step" Title="Step 2" AllowReturn="false">
                                <h2>Broken grids</h2>
                                <p>Comment <strong>Grid 2</strong> on Tab1 and <strong>Grid 3</strong> on Tab1 to fix design.
                                If only 1 grid exists, everything is ok. Otherwise <strong>classic</strong> skin is loaded and grids are broken.</p>

                                <telerik:RadTabStrip runat="server" ID="RadTabStrip1" MultiPageID="RadMultiPage1" SelectedIndex="0" AutoPostBack="true">
                                    <Tabs>
                                        <telerik:RadTab Text="Tab1"></telerik:RadTab>
                                        <telerik:RadTab Text="Tab2"></telerik:RadTab>
                                    </Tabs>
                                </telerik:RadTabStrip>

                                <telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0" >

                                    <telerik:RadPageView runat="server" ID="RadPageView1">

                                        <h2>Grid 1 - external user control</h2>
                                        <asp:PlaceHolder ID="ExternalControl" runat="server" />

                                        <h2>Grid 2 (dummy markup) - comment in markup to fix design</h2>
                                        <telerik:RadGrid runat="server"></telerik:RadGrid>

                                    </telerik:RadPageView>

                                    <telerik:RadPageView runat="server" ID="RadPageView2">

                                        <h2>Grid 3 - local - comment in markup to fix design</h2>
                                        <telerik:RadGrid ID="RadGrid2" runat="server" OnNeedDataSource="RadGrid2_OnNeedDataSource" OnDataBinding="RadGrid2_DataBinding"
                                            AutoGenerateColumns="true" AllowPaging="true" ShowFooter="true" ShowGroupPanel="false" AllowSorting="true" PageSize="10">
                                            <ClientSettings AllowColumnsReorder="false" ReorderColumnsOnClient="false">
                                               <%-- <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="true" FrozenColumnsCount="1"></Scrolling>--%>
                                            </ClientSettings>
                                            <MasterTableView CommandItemDisplay="None">
                                            </MasterTableView>
                                        </telerik:RadGrid>

                                    </telerik:RadPageView>

                                </telerik:RadMultiPage>

                            </asp:WizardStep>

                            <asp:WizardStep ID="Step3" runat="server" StepType="Finish" Title="Step 3" AllowReturn="false">
                                <h2>Page 3</h2>
                            </asp:WizardStep>

                        </WizardSteps>
                    </asp:Wizard>

                </ContentTemplate>
            </asp:UpdatePanel>

        </div>

    </form>
</body>
</html>
