Splitter height not 100%

8 posts, 0 answers
  1. Chris
    Chris avatar
    13 posts
    Member since:
    Jun 2010

    Posted 01 Jun 2010 Link to this post

    Hi,
    I have a splitter inside a contentplaceholder and want the splitter to cover the whole area of the placeholder, but it is only 50%, height-wise.  I don't remember when this happened, maybe after I put another splitter inside this one, but I don't know.  If someone could take a look at my code and see where I'm going wrong, that would be great.  I'm very new at all of this, by the way.

    The aspx:
    <%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Master2.Master" 
        CodeBehind="EquipmentPages.aspx.vb" Inherits="New_Nexus_3.EquipmentPages" %> 
     
    <%@ MasterType VirtualPath="~/Master2.master" %> 
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
    <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"
        <style type="text/css"
            .style6 
            { 
            } 
            #Update 
            { 
                width: 11px; 
            } 
        </style> 
        <script language="javascript" type="text/javascript"
            //        function doFilter(sender, e) { 
            //            if (e.keyCode == 13) { 
            //                var btn = document.getElementById("<%=UpdateButton.ClientID %>"); 
     
            //                if (btn != null) { 
            ////                    e.cancelBubble = true
            ////                    e.returnValue = false
     
            ////                    if (e.preventDefault) { 
            ////                        e.preventDefault(); 
            ////                    } 
     
            //                    btn.click(); 
            //                } 
            //            } 
            //        } 
        </script> 
    </asp:Content> 
    <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderSide" runat="server"
        <div id="SearchDiv" style="padding: 8px; position: absolute; width: 278px; top: 0px; 
            bottom: 0px; left: 0px"> 
            <asp:SqlDataSource ID="TestDB" runat="server" ConnectionString="<%$ ConnectionStrings:TestDBConnectionString %>" 
                SelectCommand="SELECT [Number], [Description] FROM [tblEquipment]"></asp:SqlDataSource> 
            <telerik:RadComboBox ID="SearchBox" runat="server" DataSourceID="TestDB" DataTextField="Description" 
                Skin="Web20" ToolTip="Type an object description" Width="100%" MarkFirstMatch="True" 
                Text="Search by description" AutoPostBack="True" DataValueField="Number" /> 
        </div> 
    </asp:Content> 
    <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolderMain" runat="server"
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
            <AjaxSettings> 
                <telerik:AjaxSetting AjaxControlID="RadSplitter1"
                </telerik:AjaxSetting> 
                <telerik:AjaxSetting AjaxControlID="RadMenu2"
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="RadSplitter1" /> 
                        <telerik:AjaxUpdatedControl ControlID="RadMenu2" /> 
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
            </AjaxSettings> 
        </telerik:RadAjaxManager> 
        <div style="position: absolute; width: 100%; top: 0px; left: 0px; bottom: 0px"
            <telerik:RadSplitter ID="RadSplitter1" runat="server" Skin="Web20" Height="100%" 
                Width="100%" VisibleDuringInit="false" HeightOffset="25"
                <telerik:RadPane ID="EquipmentPane" runat="server" MinWidth="320" Width="320px"
                    <div style="padding: 20px 0px 20px 20px; font-size: 18px; font-weight: bold;" id="TitleDiv"
                        Equipment 
                    </div> 
                    <table cellpadding="10px" style="padding: 10px; bottom: 25px; top: 0px; right: 0px; 
                        left: 0px;" width="100%"
                        <tr> 
                            <td class="style6" width="96px"
                                Number 
                            </td> 
                            <td style="text-align: right" valign="middle" align="right"
                                <asp:TextBox ID="EquipNumBox" runat="server" ToolTip="Enter a Part Number" Wrap="False" 
                                    Style="text-align: right" MaxLength="20" AutoPostBack="True"></asp:TextBox><%--onchange="doFilter"--%> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td class="style6" width="96px"
                                Description 
                            </td> 
                            <td style="text-align: right" valign="middle" align="right"
                                <asp:Label ID="EquipDes" runat="server"></asp:Label> 
                                <asp:TextBox ID="DesBox" runat="server" Visible="False" Wrap="False"></asp:TextBox> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td class="style6" width="96px"
                                Model No. 
                            </td> 
                            <td style="text-align: right" valign="middle" align="right"
                                <asp:Label ID="EquipMod" runat="server"></asp:Label> 
                                <asp:TextBox ID="ModBox" runat="server" Visible="False"></asp:TextBox> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td class="style6" width="96px"
                                Manufacturer 
                            </td> 
                            <td style="text-align: right" valign="middle" align="right"
                                <asp:Label ID="EquipMan" runat="server"></asp:Label> 
                                <asp:TextBox ID="ManBox" runat="server" Visible="False"></asp:TextBox> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td class="style6" width="96px"
                                Serial No. 
                            </td> 
                            <td style="text-align: right" valign="middle" align="right"
                                <asp:Label ID="EquipSerial" runat="server"></asp:Label> 
                                <asp:TextBox ID="SerialBox" runat="server" Visible="False"></asp:TextBox> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td class="style6" width="96px"
                                Location 
                            </td> 
                            <td style="text-align: right" valign="middle" align="right"
                                <asp:Label ID="EquipLoc" runat="server"></asp:Label> 
                                <asp:TextBox ID="LocBox" runat="server" Visible="False"></asp:TextBox> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td class="style6" width="96px"
                                Date Purchased 
                            </td> 
                            <td style="text-align: right" valign="middle" align="right"
                                <asp:Label ID="EquipPurchDate" runat="server"></asp:Label> 
                                <telerik:RadDatePicker ID="PurchDateBox" runat="server" Culture="en-US" MinDate="1900-01-01" 
                                    PopupDirection="TopLeft" Skin="Web20" Visible="False"
                                    <Calendar runat="server" Skin="Web20" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" 
                                        ViewSelectorText="x"
                                    </Calendar> 
                                    <DateInput runat="server" CausesValidation="True" DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy"
                                    </DateInput> 
                                    <DatePopupButton HoverImageUrl="" ImageUrl="" /> 
                                </telerik:RadDatePicker> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td class="style6" align="center" colspan="2"
                                <asp:Button ID="UpdateButton" runat="server" Text="Update" /> 
                                <asp:Button ID="EditButton" runat="server" Text="Edit" /> 
                                <asp:Button ID="DeleteButton" runat="server" Text="Delete" /> 
                                <asp:Button ID="AddNewButton" runat="server" Text="Add New" /> 
                                <asp:Button ID="SaveButton" runat="server" Text="Save" Visible="False" /> 
                                <asp:Button ID="CancelButton" runat="server" Text="Cancel" Visible="False" /> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td align="center" class="style6" colspan="2"
                                <asp:RequiredFieldValidator ID="NumEnteredVali" runat="server" ControlToValidate="EquipNumBox" 
                                    ErrorMessage="RequiredFieldValidator">*</asp:RequiredFieldValidator> 
                                <asp:CompareValidator ID="NumValidator" runat="server" ControlToValidate="EquipNumBox" 
                                    ErrorMessage="Number must be an integer." Operator="DataTypeCheck" SetFocusOnError="True" 
                                    Type="Integer">*</asp:CompareValidator> 
                                <asp:CompareValidator ID="EquipPurchDateVali" runat="server" ControlToValidate="PurchDateBox" 
                                    ErrorMessage="CompareValidator" Operator="DataTypeCheck" Type="Date">*</asp:CompareValidator> 
                                <asp:ValidationSummary ID="ValidationSummary1" runat="server" /> 
                            </td> 
                        </tr> 
                    </table> 
                </telerik:RadPane> 
                <telerik:RadSplitBar ID="RadSplitBar1" runat="server" BorderColor="#6582B4" BorderStyle="Double" 
                    BorderWidth="4px" BackColor="White" CollapseMode="Backward"
                </telerik:RadSplitBar> 
                <telerik:RadPane ID="GridsPane" runat="server"
                    <telerik:RadSplitter ID="RadSplitter2" runat="server" Orientation="Horizontal" Height="100%" 
                        Width="100%"
                        <telerik:RadPane ID="PIPane" runat="server"
                            <telerik:RadGrid ID="PIGrid" runat="server" AllowFilteringByColumn="True" AllowPaging="True" 
                                AllowSorting="True" AutoGenerateColumns="False" DataSourceID="PIDataSource" GridLines="None" 
                                Height="100%" Skin="Web20" Width="100%" BorderWidth="0px"
                                <ClientSettings> 
                                    <Selecting AllowRowSelect="True" /> 
                                    <Scrolling AllowScroll="True" UseStaticHeaders="True" /> 
                                </ClientSettings> 
                                <MasterTableView DataKeyNames="PartNumber" DataSourceID="PIDataSource" EditMode="InPlace"
                                    <RowIndicatorColumn> 
                                        <HeaderStyle Width="20px" /> 
                                    </RowIndicatorColumn> 
                                    <ExpandCollapseColumn> 
                                        <HeaderStyle Width="20px" /> 
                                    </ExpandCollapseColumn> 
                                    <Columns> 
                                        <telerik:GridBoundColumn DataField="PartNumber" FilterControlWidth="50px" HeaderText="Part Number" 
                                            ReadOnly="True" SortExpression="PartNumber" UniqueName="PartNumber"
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="Number" 
                                            HeaderText="Number" SortExpression="Number" UniqueName="Number"
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn AllowSorting="False" DataField="Description" HeaderText="Description" 
                                            SortExpression="Description" UniqueName="Description"
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="Location" 
                                            HeaderText="Location" SortExpression="Location" UniqueName="Location"
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn AllowFiltering="False" DataField="DateCreated" DataType="System.DateTime" 
                                            HeaderText="Date Created" SortExpression="DateCreated" UniqueName="DateCreated"
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn AllowFiltering="False" DataField="DateChanged" DataType="System.DateTime" 
                                            HeaderText="Date Changed" SortExpression="DateChanged" UniqueName="DateChanged"
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn AllowSorting="False" DataField="CreatedBy" FilterControlWidth="50px" 
                                            HeaderText="Created By" SortExpression="CreatedBy" UniqueName="CreatedBy"
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="ChangedBy" 
                                            HeaderText="Changed By" SortExpression="ChangedBy" UniqueName="ChangedBy"
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridEditCommandColumn> 
                                        </telerik:GridEditCommandColumn> 
                                        <telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="column"
                                        </telerik:GridButtonColumn> 
                                    </Columns> 
                                    <EditFormSettings> 
                                        <EditColumn UniqueName="EditCommandColumn1"
                                        </EditColumn> 
                                    </EditFormSettings> 
                                </MasterTableView> 
                            </telerik:RadGrid> 
                        </telerik:RadPane> 
                        <telerik:RadSplitBar ID="RadSplitBar4" runat="server" BorderColor="#6582B4" BorderStyle="Double" 
                            BorderWidth="4px" CollapseMode="Backward"
                        </telerik:RadSplitBar> 
                        <telerik:RadPane ID="THPane" runat="server"
                            <telerik:RadGrid ID="THGrid" runat="server" AutoGenerateColumns="False" DataSourceID="THDataSource" 
                                GridLines="None" Skin="Web20" BorderWidth="0px" Height="100%" Width="100%"
                                <ClientSettings> 
                                    <Selecting AllowRowSelect="True" /> 
                                    <Scrolling AllowScroll="True" UseStaticHeaders="True" /> 
                                </ClientSettings> 
                                <MasterTableView DataKeyNames="AutoID" DataSourceID="THDataSource" EditMode="InPlace"
                                    <RowIndicatorColumn> 
                                        <HeaderStyle Width="20px" /> 
                                    </RowIndicatorColumn> 
                                    <ExpandCollapseColumn> 
                                        <HeaderStyle Width="20px" /> 
                                    </ExpandCollapseColumn> 
                                    <Columns> 
                                        <telerik:GridBoundColumn DataField="AutoID" DataType="System.Int32" HeaderText="Auto ID" 
                                            ReadOnly="True" SortExpression="AutoID" UniqueName="AutoID"
                                            <HeaderStyle Width="60px" /> 
                                            <ItemStyle Width="60px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="Number" HeaderText="Number" SortExpression="Number" 
                                            UniqueName="Number"
                                            <HeaderStyle Width="60px" /> 
                                            <ItemStyle Width="60px" Wrap="True" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="Task" DataType="System.Int32" HeaderText="Task" 
                                            SortExpression="Task" UniqueName="Task"
                                            <HeaderStyle Width="60px" /> 
                                            <ItemStyle Width="60px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="Frequency" DataType="System.Int32" HeaderText="Freq" 
                                            SortExpression="Frequency" UniqueName="Frequency"
                                            <HeaderStyle Width="60px" /> 
                                            <ItemStyle Width="60px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="AssignedTo" HeaderText="Assigned To" SortExpression="AssignedTo" 
                                            UniqueName="AssignedTo"
                                            <HeaderStyle Width="65px" /> 
                                            <ItemStyle Width="65px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="CompletionDate" DataType="System.DateTime" HeaderText="Completion Date" 
                                            SortExpression="CompletionDate" UniqueName="CompletionDate"
                                            <HeaderStyle Width="80px" /> 
                                            <ItemStyle Width="80px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="DateCreated" DataType="System.DateTime" HeaderText="Date Created" 
                                            SortExpression="DateCreated" UniqueName="DateCreated"
                                            <HeaderStyle Width="80px" /> 
                                            <ItemStyle Width="80px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="DateChanged" DataType="System.DateTime" HeaderText="Date Changed" 
                                            SortExpression="DateChanged" UniqueName="DateChanged"
                                            <HeaderStyle Width="80px" /> 
                                            <ItemStyle Width="80px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="CreatedBy" HeaderText="Created By" SortExpression="CreatedBy" 
                                            UniqueName="CreatedBy"
                                            <HeaderStyle Width="60px" /> 
                                            <ItemStyle Width="60px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="ChangedBy" HeaderText="Changed By" SortExpression="ChangedBy" 
                                            UniqueName="ChangedBy"
                                            <HeaderStyle Width="60px" /> 
                                            <ItemStyle Width="60px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridEditCommandColumn> 
                                            <HeaderStyle Width="40px" /> 
                                            <ItemStyle Width="40px" /> 
                                        </telerik:GridEditCommandColumn> 
                                        <telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="column"
                                            <HeaderStyle Width="50px" /> 
                                            <ItemStyle Width="50px" /> 
                                        </telerik:GridButtonColumn> 
                                    </Columns> 
                                    <EditFormSettings> 
                                        <EditColumn UniqueName="EditCommandColumn1"
                                        </EditColumn> 
                                    </EditFormSettings> 
                                </MasterTableView> 
                            </telerik:RadGrid> 
                        </telerik:RadPane> 
                    </telerik:RadSplitter> 
                </telerik:RadPane> 
                <telerik:RadSplitBar ID="RadSplitBar3" runat="server" BorderColor="#6582B4" BorderStyle="Double" 
                    BorderWidth="4px" BackColor="White" CollapseMode="Backward"
                </telerik:RadSplitBar> 
                <telerik:RadPane ID="OoSPane" runat="server"
                    <div style="padding: 20px; font-size: 18px; font-weight: bold;" id="Div3"
                        Out of Service</div> 
                    <table cellpadding="10px" style="padding: 10px; width: 100%;"
                        <tr> 
                            <td> 
                                Number 
                            </td> 
                            <td align="right"
                                <asp:Label ID="NumberOS" runat="server"></asp:Label> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td> 
                                Date Taken Out 
                            </td> 
                            <td align="right"
                                <asp:Label ID="DateOut" runat="server"></asp:Label> 
                                <telerik:RadDatePicker ID="DateOutBox" runat="server" Culture="en-US" MinDate="1900-01-01" 
                                    PopupDirection="TopLeft" Skin="Web20" Visible="False"
                                    <Calendar runat="server" Skin="Web20" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" 
                                        ViewSelectorText="x"
                                    </Calendar> 
                                    <DateInput runat="server" DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy"
                                    </DateInput> 
                                    <DatePopupButton HoverImageUrl="" ImageUrl="" /> 
                                </telerik:RadDatePicker> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td> 
                                Date Put Back In 
                            </td> 
                            <td align="right"
                                <asp:Label ID="DateIn" runat="server"></asp:Label> 
                                <telerik:RadDatePicker ID="DateInBox" runat="server" Culture="en-US" MinDate="1900-01-01" 
                                    PopupDirection="TopLeft" Skin="Web20" Visible="False"
                                    <Calendar runat="server" Skin="Web20" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" 
                                        ViewSelectorText="x"
                                    </Calendar> 
                                    <DateInput runat="server" DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy"
                                    </DateInput> 
                                    <DatePopupButton HoverImageUrl="" ImageUrl="" /> 
                                </telerik:RadDatePicker> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td> 
                                Reason 
                            </td> 
                            <td align="right"
                                <asp:Label ID="Reason" runat="server"></asp:Label> 
                                <asp:TextBox ID="ReasonBox" runat="server" Visible="False"></asp:TextBox> 
                            </td> 
                        </tr> 
                    </table> 
                </telerik:RadPane> 
            </telerik:RadSplitter> 
        </div> 
        <asp:SqlDataSource ID="THDataSource" runat="server" ConflictDetection="CompareAllValues" 
            ConnectionString="<%$ ConnectionStrings:TestDBConnectionString %>" DeleteCommand="DELETE FROM [tblEquipmentPMTaskAssignment] WHERE [AutoID] = @original_AutoID AND [Number] = @original_Number AND [Task] = @original_Task AND (([Frequency] = @original_Frequency) OR ([Frequency] IS NULL AND @original_Frequency IS NULL)) AND (([AssignedTo] = @original_AssignedTo) OR ([AssignedTo] IS NULL AND @original_AssignedTo IS NULL)) AND (([CompletionDate] = @original_CompletionDate) OR ([CompletionDate] IS NULL AND @original_CompletionDate IS NULL)) AND (([DateCreated] = @original_DateCreated) OR ([DateCreated] IS NULL AND @original_DateCreated IS NULL)) AND (([DateChanged] = @original_DateChanged) OR ([DateChanged] IS NULL AND @original_DateChanged IS NULL)) AND (([CreatedBy] = @original_CreatedBy) OR ([CreatedBy] IS NULL AND @original_CreatedBy IS NULL)) AND (([ChangedBy] = @original_ChangedBy) OR ([ChangedBy] IS NULL AND @original_ChangedBy IS NULL))" 
            InsertCommand="INSERT INTO [tblEquipmentPMTaskAssignment] ([AutoID], [Number], [Task], [Frequency], [AssignedTo], [CompletionDate], [DateCreated], [DateChanged], [CreatedBy], [ChangedBy]) VALUES (@AutoID, @Number, @Task, @Frequency, @AssignedTo, @CompletionDate, @DateCreated, @DateChanged, @CreatedBy, @ChangedBy)" 
            OldValuesParameterFormatString="original_{0}" SelectCommand="SELECT * FROM [tblEquipmentPMTaskAssignment]" 
            UpdateCommand="UPDATE [tblEquipmentPMTaskAssignment] SET [Number] = @Number, [Task] = @Task, [Frequency] = @Frequency, [AssignedTo] = @AssignedTo, [CompletionDate] = @CompletionDate, [DateCreated] = @DateCreated, [DateChanged] = @DateChanged, [CreatedBy] = @CreatedBy, [ChangedBy] = @ChangedBy WHERE [AutoID] = @original_AutoID AND [Number] = @original_Number AND [Task] = @original_Task AND (([Frequency] = @original_Frequency) OR ([Frequency] IS NULL AND @original_Frequency IS NULL)) AND (([AssignedTo] = @original_AssignedTo) OR ([AssignedTo] IS NULL AND @original_AssignedTo IS NULL)) AND (([CompletionDate] = @original_CompletionDate) OR ([CompletionDate] IS NULL AND @original_CompletionDate IS NULL)) AND (([DateCreated] = @original_DateCreated) OR ([DateCreated] IS NULL AND @original_DateCreated IS NULL)) AND (([DateChanged] = @original_DateChanged) OR ([DateChanged] IS NULL AND @original_DateChanged IS NULL)) AND (([CreatedBy] = @original_CreatedBy) OR ([CreatedBy] IS NULL AND @original_CreatedBy IS NULL)) AND (([ChangedBy] = @original_ChangedBy) OR ([ChangedBy] IS NULL AND @original_ChangedBy IS NULL))"
            <DeleteParameters> 
                <asp:Parameter Name="original_AutoID" Type="Int32" /> 
                <asp:Parameter Name="original_Number" Type="String" /> 
                <asp:Parameter Name="original_Task" Type="Int32" /> 
                <asp:Parameter Name="original_Frequency" Type="Int32" /> 
                <asp:Parameter Name="original_AssignedTo" Type="String" /> 
                <asp:Parameter Name="original_CompletionDate" Type="DateTime" /> 
                <asp:Parameter Name="original_DateCreated" Type="DateTime" /> 
                <asp:Parameter Name="original_DateChanged" Type="DateTime" /> 
                <asp:Parameter Name="original_CreatedBy" Type="String" /> 
                <asp:Parameter Name="original_ChangedBy" Type="String" /> 
            </DeleteParameters> 
            <InsertParameters> 
                <asp:Parameter Name="AutoID" Type="Int32" /> 
                <asp:Parameter Name="Number" Type="String" /> 
                <asp:Parameter Name="Task" Type="Int32" /> 
                <asp:Parameter Name="Frequency" Type="Int32" /> 
                <asp:Parameter Name="AssignedTo" Type="String" /> 
                <asp:Parameter Name="CompletionDate" Type="DateTime" /> 
                <asp:Parameter Name="DateCreated" Type="DateTime" /> 
                <asp:Parameter Name="DateChanged" Type="DateTime" /> 
                <asp:Parameter Name="CreatedBy" Type="String" /> 
                <asp:Parameter Name="ChangedBy" Type="String" /> 
            </InsertParameters> 
            <UpdateParameters> 
                <asp:Parameter Name="Number" Type="String" /> 
                <asp:Parameter Name="Task" Type="Int32" /> 
                <asp:Parameter Name="Frequency" Type="Int32" /> 
                <asp:Parameter Name="AssignedTo" Type="String" /> 
                <asp:Parameter Name="CompletionDate" Type="DateTime" /> 
                <asp:Parameter Name="DateCreated" Type="DateTime" /> 
                <asp:Parameter Name="DateChanged" Type="DateTime" /> 
                <asp:Parameter Name="CreatedBy" Type="String" /> 
                <asp:Parameter Name="ChangedBy" Type="String" /> 
                <asp:Parameter Name="original_AutoID" Type="Int32" /> 
                <asp:Parameter Name="original_Number" Type="String" /> 
                <asp:Parameter Name="original_Task" Type="Int32" /> 
                <asp:Parameter Name="original_Frequency" Type="Int32" /> 
                <asp:Parameter Name="original_AssignedTo" Type="String" /> 
                <asp:Parameter Name="original_CompletionDate" Type="DateTime" /> 
                <asp:Parameter Name="original_DateCreated" Type="DateTime" /> 
                <asp:Parameter Name="original_DateChanged" Type="DateTime" /> 
                <asp:Parameter Name="original_CreatedBy" Type="String" /> 
                <asp:Parameter Name="original_ChangedBy" Type="String" /> 
            </UpdateParameters> 
        </asp:SqlDataSource> 
        <asp:SqlDataSource ID="PIDataSource" runat="server" ConflictDetection="CompareAllValues" 
            ConnectionString="<%$ ConnectionStrings:TestDBConnectionString %>" DeleteCommand="DELETE FROM [tblEquipmentPartInventory] WHERE [PartNumber] = @original_PartNumber AND (([Number] = @original_Number) OR ([Number] IS NULL AND @original_Number IS NULL)) AND (([Description] = @original_Description) OR ([Description] IS NULL AND @original_Description IS NULL)) AND (([Location] = @original_Location) OR ([Location] IS NULL AND @original_Location IS NULL)) AND (([DateCreated] = @original_DateCreated) OR ([DateCreated] IS NULL AND @original_DateCreated IS NULL)) AND (([DateChanged] = @original_DateChanged) OR ([DateChanged] IS NULL AND @original_DateChanged IS NULL)) AND (([CreatedBy] = @original_CreatedBy) OR ([CreatedBy] IS NULL AND @original_CreatedBy IS NULL)) AND (([ChangedBy] = @original_ChangedBy) OR ([ChangedBy] IS NULL AND @original_ChangedBy IS NULL))" 
            InsertCommand="INSERT INTO [tblEquipmentPartInventory] ([PartNumber], [Number], [Description], [Location], [DateCreated], [DateChanged], [CreatedBy], [ChangedBy]) VALUES (@PartNumber, @Number, @Description, @Location, @DateCreated, @DateChanged, @CreatedBy, @ChangedBy)" 
            OldValuesParameterFormatString="original_{0}" SelectCommand="SELECT * FROM [tblEquipmentPartInventory]" 
            UpdateCommand="UPDATE [tblEquipmentPartInventory] SET [Number] = @Number, [Description] = @Description, [Location] = @Location, [DateCreated] = @DateCreated, [DateChanged] = @DateChanged, [CreatedBy] = @CreatedBy, [ChangedBy] = @ChangedBy WHERE [PartNumber] = @original_PartNumber AND (([Number] = @original_Number) OR ([Number] IS NULL AND @original_Number IS NULL)) AND (([Description] = @original_Description) OR ([Description] IS NULL AND @original_Description IS NULL)) AND (([Location] = @original_Location) OR ([Location] IS NULL AND @original_Location IS NULL)) AND (([DateCreated] = @original_DateCreated) OR ([DateCreated] IS NULL AND @original_DateCreated IS NULL)) AND (([DateChanged] = @original_DateChanged) OR ([DateChanged] IS NULL AND @original_DateChanged IS NULL)) AND (([CreatedBy] = @original_CreatedBy) OR ([CreatedBy] IS NULL AND @original_CreatedBy IS NULL)) AND (([ChangedBy] = @original_ChangedBy) OR ([ChangedBy] IS NULL AND @original_ChangedBy IS NULL))"
            <DeleteParameters> 
                <asp:Parameter Name="original_PartNumber" Type="String" /> 
                <asp:Parameter Name="original_Number" Type="String" /> 
                <asp:Parameter Name="original_Description" Type="String" /> 
                <asp:Parameter Name="original_Location" Type="String" /> 
                <asp:Parameter Name="original_DateCreated" Type="DateTime" /> 
                <asp:Parameter Name="original_DateChanged" Type="DateTime" /> 
                <asp:Parameter Name="original_CreatedBy" Type="String" /> 
                <asp:Parameter Name="original_ChangedBy" Type="String" /> 
            </DeleteParameters> 
            <InsertParameters> 
                <asp:Parameter Name="PartNumber" Type="String" /> 
                <asp:Parameter Name="Number" Type="String" /> 
                <asp:Parameter Name="Description" Type="String" /> 
                <asp:Parameter Name="Location" Type="String" /> 
                <asp:Parameter Name="DateCreated" Type="DateTime" /> 
                <asp:Parameter Name="DateChanged" Type="DateTime" /> 
                <asp:Parameter Name="CreatedBy" Type="String" /> 
                <asp:Parameter Name="ChangedBy" Type="String" /> 
            </InsertParameters> 
            <UpdateParameters> 
                <asp:Parameter Name="Number" Type="String" /> 
                <asp:Parameter Name="Description" Type="String" /> 
                <asp:Parameter Name="Location" Type="String" /> 
                <asp:Parameter Name="DateCreated" Type="DateTime" /> 
                <asp:Parameter Name="DateChanged" Type="DateTime" /> 
                <asp:Parameter Name="CreatedBy" Type="String" /> 
                <asp:Parameter Name="ChangedBy" Type="String" /> 
                <asp:Parameter Name="original_PartNumber" Type="String" /> 
                <asp:Parameter Name="original_Number" Type="String" /> 
                <asp:Parameter Name="original_Description" Type="String" /> 
                <asp:Parameter Name="original_Location" Type="String" /> 
                <asp:Parameter Name="original_DateCreated" Type="DateTime" /> 
                <asp:Parameter Name="original_DateChanged" Type="DateTime" /> 
                <asp:Parameter Name="original_CreatedBy" Type="String" /> 
                <asp:Parameter Name="original_ChangedBy" Type="String" /> 
            </UpdateParameters> 
        </asp:SqlDataSource> 
        <div align="left" style="width: 100%; bottom: 0px; position: absolute; left: 0px;"
            <telerik:RadMenu ID="RadMenu2" runat="server" Skin="Web20" Style="top: 0px; left: 0px" 
                Width="100%"
                <Items> 
                    <telerik:RadMenuItem runat="server" Text="Task" NavigateUrl="~/Task.aspx"
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem runat="server" Text="Task History" NavigateUrl="~/TaskHistory.aspx"
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem runat="server" Text="Part Inventory" NavigateUrl="~/PartInventory.aspx"
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem runat="server" Text="Out of Service" NavigateUrl="~/OutOfService.aspx"
                    </telerik:RadMenuItem> 
                </Items> 
            </telerik:RadMenu> 
        </div> 
    </asp:Content> 
     

    And the master:
    <%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Master2.master.vb" Inherits="New_Nexus_3.Master2" %> 
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
    <!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"
    <head id="Head1" runat="server"
        <title>Nexus</title> 
        <script language="javascript" type="text/javascript"
     
        </script> 
        <asp:ContentPlaceHolder ID="head" runat="server"
        </asp:ContentPlaceHolder> 
    </head> 
    <%--Need master page bottom variable or something--%> 
    <body style="margin: 0px"
        <form id="form1" runat="server"
        <telerik:RadScriptManager ID="ScriptManager1" runat="server" EnableTheming="True"
        </telerik:RadScriptManager> 
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Web20" /> 
        <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" SkinID="MasterSkin" /> 
        <div style="position: absolute; top: 0px; left: 0px; z-index: 200; height: 140px; 
            width: 294px; border-bottom-style: double; border-bottom-width: 4px; border-bottom-color: #6186C7;"> 
            <asp:ImageButton ID="ImageButton1" runat="server" Height="140" Width="294" ImageUrl="~/Images/JMW-Nexus-logo-3.jpg" 
                ToolTip="Nexus Home" PostBackUrl="~/Default.aspx" /> 
        </div> 
        <div style="position: absolute; z-index: 190; top: 0px; right: 0px; left: 294px; 
            border-left-style: double; border-left-width: 4px; border-left-color: #6186C7;"> 
            <telerik:RadMenu ID="RadMenu1" runat="server" CssClass="RadMenu_rtl" Skin="Web20" 
                Width="100%" CausesValidation="False" EnableSelection="False"
                <Items> 
                    <telerik:RadMenuItem runat="server" Text="Login/Logoff"
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem runat="server" Text="Options"
                        <Items> 
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1"
                            </telerik:RadMenuItem> 
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2"
                            </telerik:RadMenuItem> 
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3"
                            </telerik:RadMenuItem> 
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 4"
                            </telerik:RadMenuItem> 
                            <telerik:RadMenuItem runat="server" Text="Skin"
                                <Items> 
                                    <telerik:RadMenuItem runat="server" Text="Black"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Default"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Forest"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Hay"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Office2007"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Outlook"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Simple"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Sitefinity"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Sunset"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Telerik"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Vista"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Web20"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="WebBlue"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Windows7"
                                    </telerik:RadMenuItem> 
                                </Items> 
                            </telerik:RadMenuItem> 
                        </Items> 
                    </telerik:RadMenuItem> 
                </Items> 
            </telerik:RadMenu> 
        </div> 
        <div style="position: absolute; left: 0px; bottom: 0px; width: 294px; vertical-align: bottom; 
            z-index: 210;"> 
            <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="Web20" Width="294px" 
                AllowCollapseAllItems="True" ExpandMode="SingleExpandedItem"
                <Items> 
                    <telerik:RadPanelItem runat="server" Text="Sales"
                        <Items> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1" NavigateUrl="~/SalesMenu.aspx"
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2" Target="_parent"
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3"
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Production"
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Purchasing"
                        <Items> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1"
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2"
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Inventory" NavigateUrl="~/Inventory.aspx"
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Maintenance"
                        <Items> 
                            <telerik:RadPanelItem runat="server" Text="Equipment" NavigateUrl="~/EquipmentPages.aspx"
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2"
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3"
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="H.R."
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Tools"
                        <Items> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1"
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2"
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3"
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 4"
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Library"
                        <Items> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1"
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                </Items> 
            </telerik:RadPanelBar> 
        </div> 
        <div id="SideDiv" style="padding: 8px; position: absolute; width: 278px; top: 148px; 
            bottom: 226px; left: 0px"> 
            <asp:ContentPlaceHolder ID="ContentPlaceHolderSide" runat="server"
            </asp:ContentPlaceHolder> 
        </div> 
        <div id="NameDiv" style="position: absolute; z-index: 195; top: 2px; left: 318px; 
            color: #FFFFFF; font-size: 20px"> 
            <asp:Label ID="NameLabel" runat="server" Text="Your Name" Font-Names="Book Antiqua"></asp:Label> 
        </div> 
        <div id="MainDiv" style="position: absolute; z-index: 150; top: 26px; right: 0px; 
            bottom: 0px; left: 294px; border-left-style: double; border-left-width: 4px; 
            border-left-color: #6186C7;"> 
            <asp:ContentPlaceHolder ID="ContentPlaceHolderMain" runat="server"
            </asp:ContentPlaceHolder> 
        </div> 
        </form> 
    </body> 
    </html> 
     

    Uh...  Sorry it's so long, but the problem should be easy enough to find.

    Thanks,
    Chris

  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 04 Jun 2010 Link to this post

    Hello Chris,

    When you have the RadSplitter configured in percentages, all its parent elements including the body, form and html should have their size explicitly set either in percentages or pixels in order to let the splitter calculate the size it should take. You can see a sample demo explaining this below:

    http://demos.telerik.com/aspnet-ajax/splitter/examples/resizewithwindow/defaultcs.aspx

    This being said, you will get the desired behavior by adding the following style to your page:

    <style type="text/css">    
      html, body, form    
      {    
        height: 100%;    
        margin: 0;    
        padding: 0;    
      }    
             
      </style>

    If the splitter is nested in other element, e.g DIV, TD, TR, TABLE, etc, you should also set explicit height to all the parent elements.

    This means that you should modify your code in a manner similar to the following /you can improve this layout and code further depending on your preferences/:

    ContentPage:

    <%@ Page Language="C#" MasterPageFile="~/Site/Page.master" Title="Untitled Page" %>
      
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
      
    <script runat="server">
      
    </script>
      
    <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
        <style type="text/css">
            .style6
            {
            }
            #Update
            {
                width: 11px;
            
            #ctl00_ContentPlaceHolderMain_ctl00_ContentPlaceHolderMain_RadSplitter1Panel
            {
                height: 100%;
            }
        </style>
      
        <script language="javascript" type="text/javascript">
            //        function doFilter(sender, e) {  
            //            if (e.keyCode == 13) {  
            //                var btn = document.getElementById("<%=UpdateButton.ClientID %>");  
      
            //                if (btn != null) {  
            ////                    e.cancelBubble = true;  
            ////                    e.returnValue = false;  
      
            ////                    if (e.preventDefault) {  
            ////                        e.preventDefault();  
            ////                    }  
      
            //                    btn.click();  
            //                }  
            //            }  
            //        }  
        </script>
      
    </asp:Content>
    <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderSide" runat="server">
        <div id="SearchDiv" style="padding: 8px; position: absolute; width: 278px; top: 0px;
            bottom: 0px; left: 0px">
        </div>
    </asp:Content>
    <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolderMain" runat="server">
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadSplitter1">
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="RadMenu2">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadSplitter1" />
                        <telerik:AjaxUpdatedControl ControlID="RadMenu2" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <div style="position: absolute; width: 100%; top: 0px; left: 0px; bottom: 0px">
            <telerik:RadSplitter ID="RadSplitter1" runat="server" Skin="Web20" Height="100%"
                Width="100%" VisibleDuringInit="false" HeightOffset="25">
                <telerik:RadPane ID="EquipmentPane" runat="server" MinWidth="320" Width="320px">
                    <div style="padding: 20px 0px 20px 20px; font-size: 18px; font-weight: bold;" id="TitleDiv">
                        Equipment
                    </div>
                    <table cellpadding="10px" style="padding: 10px; bottom: 25px; top: 0px; right: 0px;
                        left: 0px;" width="100%">
                        <tr>
                            <td class="style6" width="96px">
                                Number
                            </td>
                            <td style="text-align: right" valign="middle" align="right">
                                <asp:TextBox ID="EquipNumBox" runat="server" ToolTip="Enter a Part Number" Wrap="False"
                                    Style="text-align: right" MaxLength="20" AutoPostBack="True"></asp:TextBox><%--onchange="doFilter"--%>
                            </td>
                        </tr>
                        <tr>
                            <td class="style6" width="96px">
                                Description
                            </td>
                            <td style="text-align: right" valign="middle" align="right">
                                <asp:Label ID="EquipDes" runat="server"></asp:Label>
                                <asp:TextBox ID="DesBox" runat="server" Visible="False" Wrap="False"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td class="style6" width="96px">
                                Model No.
                            </td>
                            <td style="text-align: right" valign="middle" align="right">
                                <asp:Label ID="EquipMod" runat="server"></asp:Label>
                                <asp:TextBox ID="ModBox" runat="server" Visible="False"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td class="style6" width="96px">
                                Manufacturer
                            </td>
                            <td style="text-align: right" valign="middle" align="right">
                                <asp:Label ID="EquipMan" runat="server"></asp:Label>
                                <asp:TextBox ID="ManBox" runat="server" Visible="False"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td class="style6" width="96px">
                                Serial No.
                            </td>
                            <td style="text-align: right" valign="middle" align="right">
                                <asp:Label ID="EquipSerial" runat="server"></asp:Label>
                                <asp:TextBox ID="SerialBox" runat="server" Visible="False"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td class="style6" width="96px">
                                Location
                            </td>
                            <td style="text-align: right" valign="middle" align="right">
                                <asp:Label ID="EquipLoc" runat="server"></asp:Label>
                                <asp:TextBox ID="LocBox" runat="server" Visible="False"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td class="style6" width="96px">
                                Date Purchased
                            </td>
                            <td style="text-align: right" valign="middle" align="right">
                                <asp:Label ID="EquipPurchDate" runat="server"></asp:Label>
                                <telerik:RadDatePicker ID="PurchDateBox" runat="server" Culture="en-US" MinDate="1900-01-01"
                                    PopupDirection="TopLeft" Skin="Web20" Visible="False">
                                    <Calendar runat="server" Skin="Web20" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False"
                                        ViewSelectorText="x">
                                    </Calendar>
                                    <DateInput runat="server" CausesValidation="True" DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy">
                                    </DateInput>
                                    <DatePopupButton HoverImageUrl="" ImageUrl="" />
                                </telerik:RadDatePicker>
                            </td>
                        </tr>
                        <tr>
                            <td class="style6" align="center" colspan="2">
                                <asp:Button ID="UpdateButton" runat="server" Text="Update" />
                                <asp:Button ID="EditButton" runat="server" Text="Edit" />
                                <asp:Button ID="DeleteButton" runat="server" Text="Delete" />
                                <asp:Button ID="AddNewButton" runat="server" Text="Add New" />
                                <asp:Button ID="SaveButton" runat="server" Text="Save" Visible="False" />
                                <asp:Button ID="CancelButton" runat="server" Text="Cancel" Visible="False" />
                            </td>
                        </tr>
                        <tr>
                            <td align="center" class="style6" colspan="2">
                                <asp:RequiredFieldValidator ID="NumEnteredVali" runat="server" ControlToValidate="EquipNumBox"
                                    ErrorMessage="RequiredFieldValidator">*</asp:RequiredFieldValidator>
                                <asp:CompareValidator ID="NumValidator" runat="server" ControlToValidate="EquipNumBox"
                                    ErrorMessage="Number must be an integer." Operator="DataTypeCheck" SetFocusOnError="True"
                                    Type="Integer">*</asp:CompareValidator>
                                <asp:CompareValidator ID="EquipPurchDateVali" runat="server" ControlToValidate="PurchDateBox"
                                    ErrorMessage="CompareValidator" Operator="DataTypeCheck" Type="Date">*</asp:CompareValidator>
                                <asp:ValidationSummary ID="ValidationSummary1" runat="server" />
                            </td>
                        </tr>
                    </table>
                </telerik:RadPane>
                <telerik:RadSplitBar ID="RadSplitBar1" runat="server" BorderColor="#6582B4" BorderStyle="Double"
                    BorderWidth="4px" BackColor="White" CollapseMode="Backward">
                </telerik:RadSplitBar>
                <telerik:RadPane ID="GridsPane" runat="server">
                    <telerik:RadSplitter ID="RadSplitter2" runat="server" Orientation="Horizontal">
                        <telerik:RadPane ID="PIPane" runat="server">
                        </telerik:RadPane>
                        <telerik:RadSplitBar ID="RadSplitBar4" runat="server" BorderColor="#6582B4" BorderStyle="Double"
                            BorderWidth="4px" CollapseMode="Backward">
                        </telerik:RadSplitBar>
                        <telerik:RadPane ID="THPane" runat="server">
                        </telerik:RadPane>
                    </telerik:RadSplitter>
                </telerik:RadPane>
                <telerik:RadSplitBar ID="RadSplitBar3" runat="server" BorderColor="#6582B4" BorderStyle="Double"
                    BorderWidth="4px" BackColor="White" CollapseMode="Backward">
                </telerik:RadSplitBar>
                <telerik:RadPane ID="OoSPane" runat="server">
                    <div style="padding: 20px; font-size: 18px; font-weight: bold;" id="Div3">
                        Out of Service</div>
                    <table cellpadding="10px" style="padding: 10px; width: 100%;">
                        <tr>
                            <td>
                                Number
                            </td>
                            <td align="right">
                                <asp:Label ID="NumberOS" runat="server"></asp:Label>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Date Taken Out
                            </td>
                            <td align="right">
                                <asp:Label ID="DateOut" runat="server"></asp:Label>
                                <telerik:RadDatePicker ID="DateOutBox" runat="server" Culture="en-US" MinDate="1900-01-01"
                                    PopupDirection="TopLeft" Skin="Web20" Visible="False">
                                    <Calendar runat="server" Skin="Web20" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False"
                                        ViewSelectorText="x">
                                    </Calendar>
                                    <DateInput runat="server" DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy">
                                    </DateInput>
                                    <DatePopupButton HoverImageUrl="" ImageUrl="" />
                                </telerik:RadDatePicker>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Date Put Back In
                            </td>
                            <td align="right">
                                <asp:Label ID="DateIn" runat="server"></asp:Label>
                                <telerik:RadDatePicker ID="DateInBox" runat="server" Culture="en-US" MinDate="1900-01-01"
                                    PopupDirection="TopLeft" Skin="Web20" Visible="False">
                                    <Calendar runat="server" Skin="Web20" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False"
                                        ViewSelectorText="x">
                                    </Calendar>
                                    <DateInput runat="server" DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy">
                                    </DateInput>
                                    <DatePopupButton HoverImageUrl="" ImageUrl="" />
                                </telerik:RadDatePicker>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Reason
                            </td>
                            <td align="right">
                                <asp:Label ID="Reason" runat="server"></asp:Label>
                                <asp:TextBox ID="ReasonBox" runat="server" Visible="False"></asp:TextBox>
                            </td>
                        </tr>
                    </table>
                </telerik:RadPane>
            </telerik:RadSplitter>
        </div>
        <div align="left" style="width: 100%; bottom: 0px; position: absolute; left: 0px;">
            <telerik:RadMenu ID="RadMenu2" runat="server" Skin="Web20" Style="top: 0px; left: 0px"
                Width="100%">
                <Items>
                    <telerik:RadMenuItem runat="server" Text="Task" NavigateUrl="~/Task.aspx">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="Task History" NavigateUrl="~/TaskHistory.aspx">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="Part Inventory" NavigateUrl="~/PartInventory.aspx">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="Out of Service" NavigateUrl="~/OutOfService.aspx">
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenu>
        </div>
    </asp:Content>

    The highlighted DIV is rendered by the fact that you have ajaxified the splitter and in this case it is wrapped in an update panel which is rendered as DIV and due to being a parent of the splitter it should have explicit height.


    MasterPage:

    <%@ Master Language="C#" %>
      
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head id="Head1" runat="server">
        <title>Nexus</title>
        <style type="text/css">
            html, body, form
            {
                height: 100%;
                margin: 0;
                padding: 0;
            }
        </style>
      
        <script language="javascript" type="text/javascript">  
        
        </script>
      
        <asp:ContentPlaceHolder ID="head" runat="server">
        </asp:ContentPlaceHolder>
    </head>
    <%--Need master page bottom variable or something--%>
    <body style="margin: 0px">
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Web20" />
        <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" />
        <div style="position: absolute; top: 0px; left: 0px; z-index: 200; height: 140px;
            width: 294px; border-bottom-style: double; border-bottom-width: 4px; border-bottom-color: #6186C7;">
            <asp:ImageButton ID="ImageButton1" runat="server" Height="140" Width="294" ImageUrl="~/Images/JMW-Nexus-logo-3.jpg"
                ToolTip="Nexus Home" PostBackUrl="~/Default.aspx" />
        </div>
        <div style="position: absolute; z-index: 190; top: 0px; right: 0px; left: 294px;
            border-left-style: double; border-left-width: 4px; border-left-color: #6186C7;">
            <telerik:RadMenu ID="RadMenu1" runat="server" CssClass="RadMenu_rtl" Skin="Web20"
                Width="100%" CausesValidation="False" EnableSelection="False">
                <Items>
                    <telerik:RadMenuItem runat="server" Text="Login/Logoff">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" Text="Options">
                        <Items>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 4">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="Skin">
                                <Items>
                                    <telerik:RadMenuItem runat="server" Text="Black">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text="Default">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text="Forest">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text="Hay">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text="Office2007">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text="Outlook">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text="Simple">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text="Sitefinity">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text="Sunset">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text="Telerik">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text="Vista">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text="Web20">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text="WebBlue">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text="Windows7">
                                    </telerik:RadMenuItem>
                                </Items>
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenu>
        </div>
        <div style="position: absolute; left: 0px; bottom: 0px; width: 294px; vertical-align: bottom;
            z-index: 210;">
            <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="Web20" Width="294px"
                AllowCollapseAllItems="True" ExpandMode="SingleExpandedItem">
                <Items>
                    <telerik:RadPanelItem runat="server" Text="Sales">
                        <Items>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1" NavigateUrl="~/SalesMenu.aspx">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2" Target="_parent">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3">
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem runat="server" Text="Production">
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem runat="server" Text="Purchasing">
                        <Items>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem runat="server" Text="Inventory" NavigateUrl="~/Inventory.aspx">
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem runat="server" Text="Maintenance">
                        <Items>
                            <telerik:RadPanelItem runat="server" Text="Equipment" NavigateUrl="~/EquipmentPages.aspx">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3">
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem runat="server" Text="H.R.">
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem runat="server" Text="Tools">
                        <Items>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 4">
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem runat="server" Text="Library">
                        <Items>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                </Items>
            </telerik:RadPanelBar>
        </div>
        <div id="SideDiv" style="padding: 8px; position: absolute; width: 278px; top: 148px;
            bottom: 226px; left: 0px">
            <asp:ContentPlaceHolder ID="ContentPlaceHolderSide" runat="server">
            </asp:ContentPlaceHolder>
        </div>
        <div id="NameDiv" style="position: absolute; z-index: 195; top: 2px; left: 318px;
            color: #FFFFFF; font-size: 20px">
            <asp:Label ID="NameLabel" runat="server" Text="Your Name" Font-Names="Book Antiqua"></asp:Label>
        </div>
        <div id="MainDiv" style="position: absolute; z-index: 150; top: 26px; right: 0px;
            bottom: 0px; left: 294px; border-left-style: double; border-left-width: 4px;
            border-left-color: #6186C7; height: 100%;">
            <asp:ContentPlaceHolder ID="ContentPlaceHolderMain" runat="server">
            </asp:ContentPlaceHolder>
        </div>
        </form>
    </body>
    </html>

    On a side note, I noticed that you have external content for the MainDiv - in this case if you want to fine tune you can either calculate the exact height through javascript or wrap it in another splitter with HeightOffset /this will remove the need of this setting for the nested one/.

    I hope that my reply is helpful, let me know how it goes.

    Kind regards,
    Svetlina
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Chris
    Chris avatar
    13 posts
    Member since:
    Jun 2010

    Posted 04 Jun 2010 Link to this post

    This is helpful, but unfortunately it didn't fix the problem.  Maybe that is because I have changed the markup a bit since I asked for help.  If you could take another look at what I have now, that would be great.

    Content page:
    <%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Master2.Master" 
        CodeBehind="EquipmentPages.aspx.vb" Inherits="New_Nexus_3.EquipmentPages" %> 
     
    <%@ MasterType VirtualPath="~/Master2.master" %> 
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
    <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"
        <style type="text/css"
            .style6 
            { 
            } 
            #Update 
            { 
                width: 11px; 
            } 
            #ctl00_ContentPlaceHolderMain_ctl00_ContentPlaceHolderMain_RadSplitter1Panel  
            {  
                height: 100%;  
            }  
        </style> 
        <script language="javascript" type="text/javascript"
            function SearchBoxChange(sender, args) { 
                var txtBx = document.getElementById("<%=EquipNumBox.ClientID %>"); 
     
                 
     
                txtBx.Text = sender.get_value(); 
                txtBx.Value = sender.get_value(); 
            } 
     
            function MenuClicked(sender, e) { 
                // Need to move sliders depending on which button is clicked 
                var equipPane = $find("<%= EquipmentPane.ClientID %>"); 
                var oosPane = $find("<%= OoSPane.ClientID %>"); 
                var thPane = $find("<%= THPane.ClientID %>"); 
                var piPane = $find("<%= PIPane.ClientID %>"); 
                var thpiBar = $find("<%= RadSplitBar4.ClientID %>"); 
                var oosBar = $find("<%= RadSplitBar2.ClientID %>"); 
     
                var txt = e.get_item().get_text(); 
     
                // Check if collapsed for each... 
                switch (txt) { 
                case "Task History": 
                    thPane.Expand("Backward"); 
                    piPane.Collapse("Backward"); 
                    break; 
                case "Part Inventory": 
                    piPane.Expand("Forward"); 
                    thPane.Collapse("Backward"); 
                    break; 
                case "Out of Service": 
                    //Doesn't work correctly 
    //                oosPane.Expand("Forward"); 
    //                oosPane.Height = "500px"
                    break; 
                default: 
                    // Do nothing 
                } 
            } 
        </script> 
    </asp:Content> 
    <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderSide" runat="server"
        <div id="SearchDiv" style="padding: 8px; position: absolute; width: 278px; top: 0px; 
            bottom: 0px; left: 0px"> 
            <asp:SqlDataSource ID="TestDB" runat="server" ConnectionString="<%$ ConnectionStrings:TestDBConnectionString %>" 
                SelectCommand="SELECT [Number], [Description] FROM [tblEquipment]"></asp:SqlDataSource> 
            <telerik:RadComboBox ID="SearchBox" runat="server" DataSourceID="TestDB" DataTextField="Description" 
                Skin="Web20" ToolTip="Type an object description" Width="100%" MarkFirstMatch="True" 
                Text="Search by description" DataValueField="Number"  
                onclientselectedindexchanged="SearchBoxChange" AutoPostBack="True" /> 
        </div> 
    </asp:Content> 
    <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolderMain" runat="server"
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
            <AjaxSettings> 
                <telerik:AjaxSetting AjaxControlID="RadSplitter1"
                </telerik:AjaxSetting> 
                <telerik:AjaxSetting AjaxControlID="RadMenu2"
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="RadSplitter1" /> 
                        <telerik:AjaxUpdatedControl ControlID="RadMenu2" /> 
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
            </AjaxSettings> 
        </telerik:RadAjaxManager> 
        <%--<div style="position: absolute; width: 100%; top: 0px; left: 0px; bottom: 0px">--%> 
            <telerik:RadSplitter ID="RadSplitter1" runat="server" Skin="Web20" Height="100%" 
                Width="100%" VisibleDuringInit="false" HeightOffset="26"
                <telerik:RadPane ID="EquipOSPane" runat="server" MaxWidth="320" MinWidth="320"  
                    Width="320px" Scrolling="None"
                <telerik:RadSplitter ID="RadSplitter3" Runat="server" Skin="Web20" Height="100%" 
                Width="100%" Orientation="Horizontal" LiveResize="True"
                <telerik:RadPane ID="EquipmentPane" runat="server" MinWidth="320" Width="320px"
                    <div style="padding: 20px 0px 20px 20px; font-size: 18px; font-weight: bold;" id="TitleDiv"
                        Equipment 
                    </div> 
                    <table cellpadding="10px" style="padding: 10px; bottom: 25px; top: 0px; right: 0px; 
                        left: 0px;" width="100%"
                        <tr> 
                            <td class="style6" width="96px"
                                Number 
                            </td> 
                            <td style="text-align: right" valign="middle" align="right"
                                <asp:TextBox ID="EquipNumBox" runat="server" ToolTip="Enter a Part Number" Wrap="False" 
                                    Style="text-align: right" MaxLength="20" AutoPostBack="True" Width="144px"></asp:TextBox><%--onchange="doFilter"--%> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td class="style6" width="96px"
                                Description 
                            </td> 
                            <td style="text-align: right" valign="middle" align="right"
                                <asp:Label ID="EquipDes" runat="server"></asp:Label> 
                                <asp:TextBox ID="DesBox" runat="server" Visible="False" Wrap="False"  
                                    Width="144px"></asp:TextBox> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td class="style6" width="96px"
                                Model No. 
                            </td> 
                            <td style="text-align: right" valign="middle" align="right"
                                <asp:Label ID="EquipMod" runat="server"></asp:Label> 
                                <asp:TextBox ID="ModBox" runat="server" Visible="False" Width="144px"></asp:TextBox> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td class="style6" width="96px"
                                Manufacturer 
                            </td> 
                            <td style="text-align: right" valign="middle" align="right"
                                <asp:Label ID="EquipMan" runat="server"></asp:Label> 
                                <asp:TextBox ID="ManBox" runat="server" Visible="False" Width="144px"></asp:TextBox> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td class="style6" width="96px"
                                Serial No. 
                            </td> 
                            <td style="text-align: right" valign="middle" align="right"
                                <asp:Label ID="EquipSerial" runat="server"></asp:Label> 
                                <asp:TextBox ID="SerialBox" runat="server" Visible="False" Width="144px"></asp:TextBox> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td class="style6" width="96px"
                                Location 
                            </td> 
                            <td style="text-align: right" valign="middle" align="right"
                                <asp:Label ID="EquipLoc" runat="server"></asp:Label> 
                                <asp:TextBox ID="LocBox" runat="server" Visible="False" Width="144px"></asp:TextBox> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td class="style6" width="96px"
                                Date Purchased 
                            </td> 
                            <td style="text-align: right" valign="middle" align="right"
                                <asp:Label ID="EquipPurchDate" runat="server"></asp:Label> 
                                <telerik:RadDatePicker ID="PurchDateBox" runat="server" Culture="en-US" MinDate="1900-01-01" 
                                    PopupDirection="TopLeft" Skin="Web20" Visible="False"
                                    <Calendar runat="server" Skin="Web20" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" 
                                        ViewSelectorText="x"
                                    </Calendar> 
                                    <DateInput runat="server" CausesValidation="True" DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy"
                                    </DateInput> 
                                    <DatePopupButton HoverImageUrl="" ImageUrl="" /> 
                                </telerik:RadDatePicker> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td class="style6" align="center" colspan="2"
                                <asp:Button ID="EditButton" runat="server" Text="Edit" /> 
                                <asp:Button ID="DeleteButton" runat="server" Text="Delete" /> 
                                <asp:Button ID="AddNewButton" runat="server" Text="Add New" /> 
                                <asp:Button ID="SaveButton" runat="server" Text="Save" Visible="False" /> 
                                <asp:Button ID="CancelButton" runat="server" Text="Cancel" Visible="False" /> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td align="center" class="style6" colspan="2"
                                <%--<asp:RequiredFieldValidator ID="NumEnteredVali" runat="server" ControlToValidate="EquipNumBox" 
                                    ErrorMessage="RequiredFieldValidator">*</asp:RequiredFieldValidator>--%> 
                                <asp:CompareValidator ID="NumValidator" runat="server" ControlToValidate="EquipNumBox" 
                                    ErrorMessage="Number must be an integer." Operator="DataTypeCheck" SetFocusOnError="True" 
                                    Type="Integer"></asp:CompareValidator> 
                                <asp:CustomValidator ID="DateCheck" runat="server" ErrorMessage="Invalid Date"></asp:CustomValidator> 
                                <asp:CompareValidator ID="EquipPurchDateVali" runat="server" ControlToValidate="PurchDateBox" 
                                    ErrorMessage="Date must be of the correct format." Operator="DataTypeCheck" Type="Date"></asp:CompareValidator> 
                                <asp:ValidationSummary ID="ValidationSummary1" runat="server" /> 
                            </td> 
                        </tr> 
                    </table> 
                </telerik:RadPane> 
                <telerik:RadSplitBar ID="RadSplitBar2" runat="server" BorderColor="#6582B4" BorderStyle="Double" 
                            BorderWidth="6px" CollapseMode="Backward"
                        </telerik:RadSplitBar> 
                <telerik:RadPane ID="OoSPane" runat="server" MaxWidth="320" Width="320px"
                    <div style="padding: 20px; font-size: 18px; font-weight: bold;" id="Div3"
                        Out of Service</div> 
                    <table cellpadding="10px" style="padding: 10px; width: 100%;"
                        <tr> 
                            <td> 
                                Number 
                            </td> 
                            <td align="right"
                                <asp:Label ID="NumberOS" runat="server"></asp:Label> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td> 
                                Date Taken Out 
                            </td> 
                            <td align="right"
                                <asp:Label ID="DateOut" runat="server"></asp:Label> 
                                <telerik:RadDatePicker ID="DateOutBox" runat="server" Culture="en-US" MinDate="1900-01-01" 
                                    PopupDirection="TopLeft" Skin="Web20" Visible="False"
                                    <Calendar ID="Calendar1" runat="server" Skin="Web20" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" 
                                        ViewSelectorText="x"
                                    </Calendar> 
                                    <DateInput ID="DateInput1" runat="server" DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy"
                                    </DateInput> 
                                    <DatePopupButton HoverImageUrl="" ImageUrl="" /> 
                                </telerik:RadDatePicker> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td> 
                                Date Put Back In 
                            </td> 
                            <td align="right"
                                <asp:Label ID="DateIn" runat="server"></asp:Label> 
                                <telerik:RadDatePicker ID="DateInBox" runat="server" Culture="en-US" MinDate="1900-01-01" 
                                    PopupDirection="TopLeft" Skin="Web20" Visible="False"
                                    <Calendar ID="Calendar2" runat="server" Skin="Web20" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" 
                                        ViewSelectorText="x"
                                    </Calendar> 
                                    <DateInput ID="DateInput2" runat="server" DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy"
                                    </DateInput> 
                                    <DatePopupButton HoverImageUrl="" ImageUrl="" /> 
                                </telerik:RadDatePicker> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td> 
                                Reason 
                            </td> 
                            <td align="right"
                                <asp:Label ID="Reason" runat="server"></asp:Label> 
                                <asp:TextBox ID="ReasonBox" runat="server" Visible="False" Width="144px"></asp:TextBox> 
                            </td> 
                        </tr> 
                        <tr> 
                            <td align="center" colspan="2"
                                <asp:Button ID="EditButtonOS" runat="server" Text="Edit" /> 
                                <asp:Button ID="DeleteButtonOS" runat="server" Text="Delete" /> 
                                <asp:Button ID="AddNewButtonOS" runat="server" Text="Add New" /> 
                                <asp:Button ID="SaveButtonOS" runat="server" Text="Save" Visible="False" /> 
                                <asp:Button ID="CancelButtonOS" runat="server" Text="Cancel" Visible="False" /> 
                            </td> 
                        </tr> 
                    </table> 
                </telerik:RadPane> 
                </telerik:RadSplitter> 
                </telerik:RadPane> 
                <telerik:RadSplitBar ID="RadSplitBar1" runat="server" BorderColor="#6582B4" BorderStyle="Double" 
                    BorderWidth="6px" BackColor="White" CollapseMode="Forward"
                </telerik:RadSplitBar> 
                <telerik:RadPane ID="GridsPane" runat="server" Scrolling="None"
                    <telerik:RadSplitter ID="RadSplitter2" runat="server" Orientation="Horizontal" Height="100%" 
                        Width="100%" LiveResize="True"
                        <telerik:RadPane ID="PIPane" runat="server"
                            <telerik:RadGrid ID="PIGrid" runat="server" AllowFilteringByColumn="True" AllowPaging="True" 
                                AllowSorting="True" AutoGenerateColumns="False"  
                                DataSourceID="PIDataSource" GridLines="None" 
                                Height="100%" Skin="Web20" Width="100%" BorderWidth="0px"  
                                AllowAutomaticDeletes="True" AllowAutomaticInserts="True"  
                                AllowAutomaticUpdates="True"
                                <ClientSettings AllowKeyboardNavigation="True"
                                    <Selecting AllowRowSelect="True" /> 
                                    <Scrolling AllowScroll="True" UseStaticHeaders="True" /> 
                                </ClientSettings> 
                                <MasterTableView DataKeyNames="PartNumber" DataSourceID="PIDataSource"  
                                    AllowAutomaticDeletes="True" AllowAutomaticInserts="True"  
                                    AllowAutomaticUpdates="True" CommandItemDisplay="Top"  
                                    Caption="Part Inventory"
                                    <RowIndicatorColumn> 
                                        <HeaderStyle Width="20px" /> 
                                    </RowIndicatorColumn> 
                                    <ExpandCollapseColumn> 
                                        <HeaderStyle Width="20px" /> 
                                    </ExpandCollapseColumn> 
                                    <Columns> 
                                        <telerik:GridBoundColumn DataField="PartNumber" FilterControlWidth="50px" HeaderText="Part Number"  
                                            SortExpression="PartNumber" UniqueName="PartNumber"
                                            <HeaderStyle Width="90px" /> 
                                            <ItemStyle Width="90px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="Number" 
                                            HeaderText="Number" SortExpression="Number" UniqueName="Number"
                                            <HeaderStyle Width="80px" /> 
                                            <ItemStyle Width="80px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn AllowSorting="False" DataField="Description" HeaderText="Description" 
                                            SortExpression="Description" UniqueName="Description"  
                                            FilterControlWidth="50px"
                                            <HeaderStyle Width="90px" /> 
                                            <ItemStyle Width="90px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="Location" 
                                            HeaderText="Location" SortExpression="Location" UniqueName="Location"
                                            <HeaderStyle Width="80px" /> 
                                            <ItemStyle Width="80px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn AllowFiltering="False" DataField="DateCreated" DataType="System.DateTime" 
                                            HeaderText="Date Created" SortExpression="DateCreated" UniqueName="DateCreated"
                                            <HeaderStyle Width="80px" /> 
                                            <ItemStyle Width="80px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn AllowFiltering="False" DataField="DateChanged" DataType="System.DateTime" 
                                            HeaderText="Date Changed" SortExpression="DateChanged" UniqueName="DateChanged"
                                            <HeaderStyle Width="80px" /> 
                                            <ItemStyle Width="80px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn AllowSorting="False" DataField="CreatedBy" FilterControlWidth="50px" 
                                            HeaderText="Created By" SortExpression="CreatedBy" UniqueName="CreatedBy"
                                            <HeaderStyle Width="90px" /> 
                                            <ItemStyle Width="90px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="ChangedBy" 
                                            HeaderText="Changed By" SortExpression="ChangedBy" UniqueName="ChangedBy"
                                            <HeaderStyle Width="65px" /> 
                                            <ItemStyle Width="65px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridEditCommandColumn> 
                                            <HeaderStyle Width="36px" /> 
                                            <ItemStyle Width="36px" /> 
                                        </telerik:GridEditCommandColumn> 
                                        <telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="column"
                                            <HeaderStyle Width="45px" /> 
                                            <ItemStyle Width="45px" /> 
                                        </telerik:GridButtonColumn> 
                                    </Columns> 
                                    <EditFormSettings> 
                                        <EditColumn UniqueName="EditCommandColumn1"
                                        </EditColumn> 
                                    </EditFormSettings> 
                                </MasterTableView> 
                            </telerik:RadGrid> 
                        </telerik:RadPane> 
                        <telerik:RadSplitBar ID="RadSplitBar4" runat="server" BorderColor="#6582B4" BorderStyle="Double" 
                            BorderWidth="6px" CollapseMode="Both"
                        </telerik:RadSplitBar> 
                        <telerik:RadPane ID="THPane" runat="server"
                            <telerik:RadGrid ID="THGrid" runat="server" AutoGenerateColumns="False" DataSourceID="THDataSource" 
                                GridLines="None" Skin="Web20" BorderWidth="0px" Height="100%" Width="100%"
                                <ClientSettings AllowKeyboardNavigation="True"
                                    <Selecting AllowRowSelect="True" /> 
                                    <Scrolling AllowScroll="True" UseStaticHeaders="True" /> 
                                </ClientSettings> 
                                <MasterTableView DataKeyNames="AutoID" DataSourceID="THDataSource"  
                                    CommandItemDisplay="Top" Caption="Task History"
                                    <RowIndicatorColumn> 
                                        <HeaderStyle Width="20px" /> 
                                    </RowIndicatorColumn> 
                                    <ExpandCollapseColumn> 
                                        <HeaderStyle Width="20px" /> 
                                    </ExpandCollapseColumn> 
                                    <Columns> 
                                        <telerik:GridBoundColumn DataField="AutoID" DataType="System.Int32" HeaderText="Auto ID" 
                                            ReadOnly="True" SortExpression="AutoID" UniqueName="AutoID"
                                            <HeaderStyle Width="60px" /> 
                                            <ItemStyle Width="60px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="Number" HeaderText="Number" SortExpression="Number" 
                                            UniqueName="Number"
                                            <HeaderStyle Width="60px" /> 
                                            <ItemStyle Width="60px" Wrap="True" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="Task" DataType="System.Int32" HeaderText="Task" 
                                            SortExpression="Task" UniqueName="Task"
                                            <HeaderStyle Width="60px" /> 
                                            <ItemStyle Width="60px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="Frequency" DataType="System.Int32" HeaderText="Freq" 
                                            SortExpression="Frequency" UniqueName="Frequency"
                                            <HeaderStyle Width="60px" /> 
                                            <ItemStyle Width="60px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="AssignedTo" HeaderText="Assigned To" SortExpression="AssignedTo" 
                                            UniqueName="AssignedTo"
                                            <HeaderStyle Width="65px" /> 
                                            <ItemStyle Width="65px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="CompletionDate" DataType="System.DateTime" HeaderText="Completion Date" 
                                            SortExpression="CompletionDate" UniqueName="CompletionDate"
                                            <HeaderStyle Width="80px" /> 
                                            <ItemStyle Width="80px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="DateCreated" DataType="System.DateTime" HeaderText="Date Created" 
                                            SortExpression="DateCreated" UniqueName="DateCreated"
                                            <HeaderStyle Width="80px" /> 
                                            <ItemStyle Width="80px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="DateChanged" DataType="System.DateTime" HeaderText="Date Changed" 
                                            SortExpression="DateChanged" UniqueName="DateChanged"
                                            <HeaderStyle Width="80px" /> 
                                            <ItemStyle Width="80px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="CreatedBy" HeaderText="Created By" SortExpression="CreatedBy" 
                                            UniqueName="CreatedBy"
                                            <HeaderStyle Width="60px" /> 
                                            <ItemStyle Width="60px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridBoundColumn DataField="ChangedBy" HeaderText="Changed By" SortExpression="ChangedBy" 
                                            UniqueName="ChangedBy"
                                            <HeaderStyle Width="60px" /> 
                                            <ItemStyle Width="60px" /> 
                                        </telerik:GridBoundColumn> 
                                        <telerik:GridEditCommandColumn> 
                                            <HeaderStyle Width="36px" /> 
                                            <ItemStyle Width="36px" /> 
                                        </telerik:GridEditCommandColumn> 
                                        <telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="column"
                                            <HeaderStyle Width="45px" /> 
                                            <ItemStyle Width="45px" /> 
                                        </telerik:GridButtonColumn> 
                                    </Columns> 
                                    <EditFormSettings> 
                                        <EditColumn UniqueName="EditCommandColumn1"
                                        </EditColumn> 
                                    </EditFormSettings> 
                                </MasterTableView> 
                            </telerik:RadGrid> 
                        </telerik:RadPane> 
                    </telerik:RadSplitter> 
                </telerik:RadPane> 
                <%--<telerik:RadSplitBar ID="RadSplitBar3" runat="server" BorderColor="#6582B4" BorderStyle="Double" 
                    BorderWidth="6px" BackColor="White" CollapseMode="Backward"
                </telerik:RadSplitBar>--%> 
                 
            </telerik:RadSplitter> 
        <%--</div>--%> 
        <asp:SqlDataSource ID="THDataSource" runat="server" ConflictDetection="CompareAllValues" 
            ConnectionString="<%$ ConnectionStrings:TestDBConnectionString %>" DeleteCommand="DELETE FROM [tblEquipmentPMTaskAssignment] WHERE [AutoID] = @original_AutoID AND [Number] = @original_Number AND [Task] = @original_Task AND (([Frequency] = @original_Frequency) OR ([Frequency] IS NULL AND @original_Frequency IS NULL)) AND (([AssignedTo] = @original_AssignedTo) OR ([AssignedTo] IS NULL AND @original_AssignedTo IS NULL)) AND (([CompletionDate] = @original_CompletionDate) OR ([CompletionDate] IS NULL AND @original_CompletionDate IS NULL)) AND (([DateCreated] = @original_DateCreated) OR ([DateCreated] IS NULL AND @original_DateCreated IS NULL)) AND (([DateChanged] = @original_DateChanged) OR ([DateChanged] IS NULL AND @original_DateChanged IS NULL)) AND (([CreatedBy] = @original_CreatedBy) OR ([CreatedBy] IS NULL AND @original_CreatedBy IS NULL)) AND (([ChangedBy] = @original_ChangedBy) OR ([ChangedBy] IS NULL AND @original_ChangedBy IS NULL))" 
            InsertCommand="INSERT INTO [tblEquipmentPMTaskAssignment] ([AutoID], [Number], [Task], [Frequency], [AssignedTo], [CompletionDate], [DateCreated], [DateChanged], [CreatedBy], [ChangedBy]) VALUES (@AutoID, @Number, @Task, @Frequency, @AssignedTo, @CompletionDate, @DateCreated, @DateChanged, @CreatedBy, @ChangedBy)" 
            OldValuesParameterFormatString="original_{0}" SelectCommand="SELECT * FROM [tblEquipmentPMTaskAssignment]" 
            UpdateCommand="UPDATE [tblEquipmentPMTaskAssignment] SET [Number] = @Number, [Task] = @Task, [Frequency] = @Frequency, [AssignedTo] = @AssignedTo, [CompletionDate] = @CompletionDate, [DateCreated] = @DateCreated, [DateChanged] = @DateChanged, [CreatedBy] = @CreatedBy, [ChangedBy] = @ChangedBy WHERE [AutoID] = @original_AutoID AND [Number] = @original_Number AND [Task] = @original_Task AND (([Frequency] = @original_Frequency) OR ([Frequency] IS NULL AND @original_Frequency IS NULL)) AND (([AssignedTo] = @original_AssignedTo) OR ([AssignedTo] IS NULL AND @original_AssignedTo IS NULL)) AND (([CompletionDate] = @original_CompletionDate) OR ([CompletionDate] IS NULL AND @original_CompletionDate IS NULL)) AND (([DateCreated] = @original_DateCreated) OR ([DateCreated] IS NULL AND @original_DateCreated IS NULL)) AND (([DateChanged] = @original_DateChanged) OR ([DateChanged] IS NULL AND @original_DateChanged IS NULL)) AND (([CreatedBy] = @original_CreatedBy) OR ([CreatedBy] IS NULL AND @original_CreatedBy IS NULL)) AND (([ChangedBy] = @original_ChangedBy) OR ([ChangedBy] IS NULL AND @original_ChangedBy IS NULL))"
            <DeleteParameters> 
                <asp:Parameter Name="original_AutoID" Type="Int32" /> 
                <asp:Parameter Name="original_Number" Type="String" /> 
                <asp:Parameter Name="original_Task" Type="Int32" /> 
                <asp:Parameter Name="original_Frequency" Type="Int32" /> 
                <asp:Parameter Name="original_AssignedTo" Type="String" /> 
                <asp:Parameter Name="original_CompletionDate" Type="DateTime" /> 
                <asp:Parameter Name="original_DateCreated" Type="DateTime" /> 
                <asp:Parameter Name="original_DateChanged" Type="DateTime" /> 
                <asp:Parameter Name="original_CreatedBy" Type="String" /> 
                <asp:Parameter Name="original_ChangedBy" Type="String" /> 
            </DeleteParameters> 
            <InsertParameters> 
                <asp:Parameter Name="AutoID" Type="Int32" /> 
                <asp:Parameter Name="Number" Type="String" /> 
                <asp:Parameter Name="Task" Type="Int32" /> 
                <asp:Parameter Name="Frequency" Type="Int32" /> 
                <asp:Parameter Name="AssignedTo" Type="String" /> 
                <asp:Parameter Name="CompletionDate" Type="DateTime" /> 
                <asp:Parameter Name="DateCreated" Type="DateTime" /> 
                <asp:Parameter Name="DateChanged" Type="DateTime" /> 
                <asp:Parameter Name="CreatedBy" Type="String" /> 
                <asp:Parameter Name="ChangedBy" Type="String" /> 
            </InsertParameters> 
            <UpdateParameters> 
                <asp:Parameter Name="Number" Type="String" /> 
                <asp:Parameter Name="Task" Type="Int32" /> 
                <asp:Parameter Name="Frequency" Type="Int32" /> 
                <asp:Parameter Name="AssignedTo" Type="String" /> 
                <asp:Parameter Name="CompletionDate" Type="DateTime" /> 
                <asp:Parameter Name="DateCreated" Type="DateTime" /> 
                <asp:Parameter Name="DateChanged" Type="DateTime" /> 
                <asp:Parameter Name="CreatedBy" Type="String" /> 
                <asp:Parameter Name="ChangedBy" Type="String" /> 
                <asp:Parameter Name="original_AutoID" Type="Int32" /> 
                <asp:Parameter Name="original_Number" Type="String" /> 
                <asp:Parameter Name="original_Task" Type="Int32" /> 
                <asp:Parameter Name="original_Frequency" Type="Int32" /> 
                <asp:Parameter Name="original_AssignedTo" Type="String" /> 
                <asp:Parameter Name="original_CompletionDate" Type="DateTime" /> 
                <asp:Parameter Name="original_DateCreated" Type="DateTime" /> 
                <asp:Parameter Name="original_DateChanged" Type="DateTime" /> 
                <asp:Parameter Name="original_CreatedBy" Type="String" /> 
                <asp:Parameter Name="original_ChangedBy" Type="String" /> 
            </UpdateParameters> 
        </asp:SqlDataSource> 
        <asp:SqlDataSource ID="PIDataSource" runat="server" ConflictDetection="CompareAllValues" 
            ConnectionString="<%$ ConnectionStrings:TestDBConnectionString %>" DeleteCommand="DELETE FROM [tblEquipmentPartInventory] WHERE [PartNumber] = @original_PartNumber AND (([Number] = @original_Number) OR ([Number] IS NULL AND @original_Number IS NULL)) AND (([Description] = @original_Description) OR ([Description] IS NULL AND @original_Description IS NULL)) AND (([Location] = @original_Location) OR ([Location] IS NULL AND @original_Location IS NULL)) AND (([DateCreated] = @original_DateCreated) OR ([DateCreated] IS NULL AND @original_DateCreated IS NULL)) AND (([DateChanged] = @original_DateChanged) OR ([DateChanged] IS NULL AND @original_DateChanged IS NULL)) AND (([CreatedBy] = @original_CreatedBy) OR ([CreatedBy] IS NULL AND @original_CreatedBy IS NULL)) AND (([ChangedBy] = @original_ChangedBy) OR ([ChangedBy] IS NULL AND @original_ChangedBy IS NULL))" 
            InsertCommand="INSERT INTO [tblEquipmentPartInventory] ([PartNumber], [Number], [Description], [Location], [DateCreated], [DateChanged], [CreatedBy], [ChangedBy]) VALUES (@PartNumber, @Number, @Description, @Location, @DateCreated, @DateChanged, @CreatedBy, @ChangedBy)" 
            OldValuesParameterFormatString="original_{0}" SelectCommand="SELECT * FROM [tblEquipmentPartInventory]" 
            UpdateCommand="UPDATE [tblEquipmentPartInventory] SET [Number] = @Number, [Description] = @Description, [Location] = @Location, [DateCreated] = @DateCreated, [DateChanged] = @DateChanged, [CreatedBy] = @CreatedBy, [ChangedBy] = @ChangedBy WHERE [PartNumber] = @original_PartNumber AND (([Number] = @original_Number) OR ([Number] IS NULL AND @original_Number IS NULL)) AND (([Description] = @original_Description) OR ([Description] IS NULL AND @original_Description IS NULL)) AND (([Location] = @original_Location) OR ([Location] IS NULL AND @original_Location IS NULL)) AND (([DateCreated] = @original_DateCreated) OR ([DateCreated] IS NULL AND @original_DateCreated IS NULL)) AND (([DateChanged] = @original_DateChanged) OR ([DateChanged] IS NULL AND @original_DateChanged IS NULL)) AND (([CreatedBy] = @original_CreatedBy) OR ([CreatedBy] IS NULL AND @original_CreatedBy IS NULL)) AND (([ChangedBy] = @original_ChangedBy) OR ([ChangedBy] IS NULL AND @original_ChangedBy IS NULL))"
            <DeleteParameters> 
                <asp:Parameter Name="original_PartNumber" Type="String" /> 
                <asp:Parameter Name="original_Number" Type="String" /> 
                <asp:Parameter Name="original_Description" Type="String" /> 
                <asp:Parameter Name="original_Location" Type="String" /> 
                <asp:Parameter Name="original_DateCreated" Type="DateTime" /> 
                <asp:Parameter Name="original_DateChanged" Type="DateTime" /> 
                <asp:Parameter Name="original_CreatedBy" Type="String" /> 
                <asp:Parameter Name="original_ChangedBy" Type="String" /> 
            </DeleteParameters> 
            <InsertParameters> 
                <asp:Parameter Name="PartNumber" Type="String" /> 
                <asp:Parameter Name="Number" Type="String" /> 
                <asp:Parameter Name="Description" Type="String" /> 
                <asp:Parameter Name="Location" Type="String" /> 
                <asp:Parameter Name="DateCreated" Type="DateTime" /> 
                <asp:Parameter Name="DateChanged" Type="DateTime" /> 
                <asp:Parameter Name="CreatedBy" Type="String" /> 
                <asp:Parameter Name="ChangedBy" Type="String" /> 
            </InsertParameters> 
            <UpdateParameters> 
                <asp:Parameter Name="Number" Type="String" /> 
                <asp:Parameter Name="Description" Type="String" /> 
                <asp:Parameter Name="Location" Type="String" /> 
                <asp:Parameter Name="DateCreated" Type="DateTime" /> 
                <asp:Parameter Name="DateChanged" Type="DateTime" /> 
                <asp:Parameter Name="CreatedBy" Type="String" /> 
                <asp:Parameter Name="ChangedBy" Type="String" /> 
                <asp:Parameter Name="original_PartNumber" Type="String" /> 
                <asp:Parameter Name="original_Number" Type="String" /> 
                <asp:Parameter Name="original_Description" Type="String" /> 
                <asp:Parameter Name="original_Location" Type="String" /> 
                <asp:Parameter Name="original_DateCreated" Type="DateTime" /> 
                <asp:Parameter Name="original_DateChanged" Type="DateTime" /> 
                <asp:Parameter Name="original_CreatedBy" Type="String" /> 
                <asp:Parameter Name="original_ChangedBy" Type="String" /> 
            </UpdateParameters> 
        </asp:SqlDataSource> 
        <div align="left" style="width: 100%; bottom: 0px; position: absolute; left: 0px;"
            <telerik:RadMenu ID="RadMenu2" runat="server" Skin="Web20" Style="top: 0px; left: 0px" 
                Width="100%" onclientitemclicked="MenuClicked"
                <Items> 
                    <telerik:RadMenuItem runat="server" Text="Task" NavigateUrl="~/Task.aspx"
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem runat="server" Text="Task History"
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem runat="server" Text="Part Inventory"
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem runat="server" Text="Out of Service"
                    </telerik:RadMenuItem> 
                </Items> 
            </telerik:RadMenu> 
        </div> 
    </asp:Content> 
     

    Master page:
    <%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Master2.master.vb" Inherits="New_Nexus_3.Master2" %> 
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
    <!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"
    <head id="Head1" runat="server"
        <title>Nexus</title> 
        <style type="text/css"
            html, body, form 
            { 
                height: 100%; 
                margin: 0; 
                padding: 0; 
                overflow: hidden; 
            } 
        </style> 
        <script language="javascript" type="text/javascript"
     
        </script> 
        <asp:ContentPlaceHolder ID="head" runat="server"
        </asp:ContentPlaceHolder> 
    </head> 
    <%--Need master page bottom variable or something--%> 
    <body style="margin: 0px" onkeydown="if(event.keyCode==8 && !event.srcElement.value) {window.event.returnValue=false;}"
        <form id="form1" runat="server"
        <telerik:RadScriptManager ID="ScriptManager1" runat="server" EnableTheming="True"
        </telerik:RadScriptManager> 
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Web20" /> 
        <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" SkinID="MasterSkin" /> 
        <div style="position: absolute; top: 0px; left: 0px; z-index: 200; height: 140px; 
            width: 294px; border-bottom-style: double; border-bottom-width: 4px; border-bottom-color: #6186C7;"> 
            <asp:ImageButton ID="ImageButton1" runat="server" Height="140" Width="294" ImageUrl="~/Images/JMW-Nexus-logo-3.jpg" 
                ToolTip="Nexus Home" PostBackUrl="~/Default.aspx" /> 
        </div> 
        <div style="position: absolute; z-index: 190; top: 0px; right: 0px; left: 294px; 
            border-left-style: double; border-left-width: 4px; border-left-color: #6186C7;"> 
            <%--Options will depend on user priveleges--%> 
            <telerik:RadMenu ID="RadMenu1" runat="server" CssClass="RadMenu_rtl" Skin="Web20" 
                Width="100%" CausesValidation="False" EnableSelection="False"
                <Items> 
                    <telerik:RadMenuItem runat="server" Text="Login/Logoff"
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem runat="server" Text="Options"
                        <Items> 
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1"
                            </telerik:RadMenuItem> 
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2"
                            </telerik:RadMenuItem> 
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3"
                            </telerik:RadMenuItem> 
                            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 4"
                            </telerik:RadMenuItem> 
                            <telerik:RadMenuItem runat="server" Text="Skin"
                                <Items> 
                                    <telerik:RadMenuItem runat="server" Text="Black"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Default"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Forest"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Hay"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Office2007"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Outlook"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Simple"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Sitefinity"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Sunset"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Telerik"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Vista"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Web20"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="WebBlue"
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server" Text="Windows7"
                                    </telerik:RadMenuItem> 
                                </Items> 
                            </telerik:RadMenuItem> 
                        </Items> 
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem runat="server" Text="Time Clock" NavigateUrl="~/TimeClock.aspx" 
                        Target="_blank"
                    </telerik:RadMenuItem> 
                </Items> 
            </telerik:RadMenu> 
        </div> 
        <div style="position: absolute; left: 0px; bottom: 0px; width: 294px; vertical-align: bottom; 
            z-index: 210;"> 
            <%--Panel items will depend on user priveleges--%> 
            <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="Web20" Width="294px" 
                AllowCollapseAllItems="True" ExpandMode="SingleExpandedItem"
                <Items> 
                    <telerik:RadPanelItem runat="server" Text="Sales"
                        <Items> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1" NavigateUrl="~/SalesMenu.aspx"
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2" Target="_parent"
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3"
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Production"
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Purchasing"
                        <Items> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1"
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2"
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Inventory" NavigateUrl="~/Inventory.aspx"
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Maintenance"
                        <Items> 
                            <telerik:RadPanelItem runat="server" Text="Equipment" NavigateUrl="~/EquipmentPages.aspx"
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2"
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3"
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="H.R."
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Tools"
                        <Items> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1"
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2"
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3"
                            </telerik:RadPanelItem> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 4"
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Library"
                        <Items> 
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1"
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                </Items> 
            </telerik:RadPanelBar> 
        </div> 
        <div id="SideDiv" style="padding: 8px; position: absolute; width: 278px; top: 148px; 
            bottom: 226px; left: 0px"> 
            <asp:ContentPlaceHolder ID="ContentPlaceHolderSide" runat="server"
            </asp:ContentPlaceHolder> 
        </div> 
        <div id="NameDiv" style="position: absolute; z-index: 195; top: 2px; left: 318px; 
            color: #FFFFFF; font-size: 20px"> 
            <asp:Label ID="NameLabel" runat="server" Text="Your Name" Font-Names="Book Antiqua"></asp:Label> 
        </div> 
        <div id="MainDiv" style="position: absolute; z-index: 150; top: 26px; right: 0px; 
            bottom: 0px; left: 294px; border-left-style: double; border-left-width: 4px; 
            border-left-color: #6186C7; height: 100%;"> 
            <asp:ContentPlaceHolder ID="ContentPlaceHolderMain" runat="server"
            </asp:ContentPlaceHolder> 
        </div> 
        </form> 
    </body> 
    </html> 
     

    Also, I'm not sure what you mean by saying that I have "external content for the MainDiv".  I should probably know what you're talking about, but could you be more specific please?

    Thanks a lot,
    Chris

  5. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 09 Jun 2010 Link to this post

    Hi Chris,

    I tested the revised markup but the splitter unfortunately to no avail - I could not reproduce the issue. Would you please examine the attached screenshots and if you see the issue there provide very detailed explanations about the exact desired result? It will be also very helpful if you can either mark the issue on my screenshots and send them back or prepare screenshots of the issue on your side.

    All the best,
    Svetlina
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  6. Chris
    Chris avatar
    13 posts
    Member since:
    Jun 2010

    Posted 09 Jun 2010 Link to this post

    Hi Svetlina,

    Attached is a screenshot of the fixed markup that you posted, and one of my revised markup after implementing your fixes.  Both of these you have been able to run without the splitter height issue that I am still experiencing, which you can clearly see in the screenshots.  I am using VS 2010 Version 10.0.30319.1 RTMRel, what should be the newest version of Telerik RadControls (don't know how to check), and IE8 (I don't really care about this or anything working in browsers other than IE8, by the way).

    I have no idea why this works fine for you but not on my computer.  Also, I cannot get HeightOffset for the splitter to work, but for now I just want to get the main height problem fixed.  I would submit a support ticket, but I don't yet have the privileges...

    I just found out that when I resize the browser, the height of the splitter does not change.  Another screenshot is attached.

    Thanks for all the help,
    Chris


  7. Chris
    Chris avatar
    13 posts
    Member since:
    Jun 2010

    Posted 09 Jun 2010 Link to this post

    Had to post again in order to attach the file...
  8. Chris
    Chris avatar
    13 posts
    Member since:
    Jun 2010

    Posted 09 Jun 2010 Link to this post

    I'm not sure why I didn't do this before (maybe because I had never used javascript), but I am using javascript to resize the splitter when the page is loaded or resized.  This should give me plenty of control and work great. 

    Thanks a lot for the help anyway.

    Chris

  9. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 14 Jun 2010 Link to this post

    Hello Chris,

    We are glad to hear that you managed to solve the issue. In case you encounter any other problem do not hesitate to contact us again.

    Greetings,
    Svetlina
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017