Problem with sliding pane and IE 6

2 posts, 0 answers
  1. Paul Stack
    Paul Stack avatar
    8 posts
    Member since:
    Jun 2008

    Posted 11 Sep 2008 Link to this post

    Hi there

    we have just implemented a new sliding panel on the left of the page that will give the user the option to hide and show a search panel. the trouble is that this does not work in IE6. the panel is a long line at the top of the page and we cannot use the search page. IE7 and FF is fine though

    the code is below please help

    thanks

    paul


    <asp:Content runat="server" ID="Content1" ContentPlaceHolderID="c1">
        <rad:RadSplitter ID="RadSplitter1" runat="server" Width="99%" Height="100%" Skin="Vista"  >
            <rad:RadPane ID="LeftPane" runat="server" Scrolling="none" MinHeight="600" Height ="600"  >
                <rad:RadSlidingZone ID="SlidingZone1" runat="server" Width="22" ExpandedPaneId="RadSlidingPane1"
                    DockedPaneId="RadSlidingPane1"  >
                    <rad:RadSlidingPane ID="RadSlidingPane1" Title="Search Panel" IconUrl="~/css/images/search.jpg"
                        runat="server" MinWidth="220" Width="220" BackColor="#F5F5F5">
                        <div id="dcl_search">
                            <dcl:corners runat="server" ID="ucCornersTop1" Position="top" Color="grey" EnableViewState="false" />
                            <div id="dcl_search_header">
                                <span class="dcl_panel_label">Search</span></div>
                            <asp:UpdatePanel runat="server" ID="UpdatePanel1">
                                <ContentTemplate>
                                    <div id="dcl_search_panel">
                                        <table>
                                            <tr>
                                                <td>
                                                    <asp:Label AssociatedControlID="ddlStatus" runat="server" ID="lblWorkFlowStatus"
                                                        Text="Status" /><br />
                                                    <asp:DropDownList ID="ddlStatus" runat="server" Width="175" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:Label AssociatedControlID="ddlDocumentType" runat="server" ID="lblDocumentType"
                                                        Text="Document Type" /><br />
                                                    <asp:DropDownList ID="ddlDocumentType" runat="server" Width="140" AutoPostBack="true">
                                                        <asp:ListItem Selected="True" Text="All" Value="0"></asp:ListItem>
                                                        <asp:ListItem Text="SPC" Value="1"></asp:ListItem>
                                                        <asp:ListItem Text="PIL" Value="2"></asp:ListItem>
                                                    </asp:DropDownList>
                                                </td>
                                            </tr>
                                            <tr runat="server" id="liPublishPDF" visible="false">
                                                <td>
                                                    <asp:CheckBox runat="server" ID="chkPublishPDF" Text="Show only PublishedPDF" EnableViewState="false" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:CheckBox runat="server" ID="chkIsJobFastTrack" Text="Show only FastTrack" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:Label AssociatedControlID="ddlJobType" runat="server" ID="lblJobType" Text="Submission Type" /><br />
                                                    <asp:DropDownList ID="ddlJobType" runat="server" Width="140">
                                                        <asp:ListItem Selected="True" Text="All" Value="0"></asp:ListItem>
                                                        <asp:ListItem Text="New" Value="1"></asp:ListItem>
                                                        <asp:ListItem Text="Update" Value="2"></asp:ListItem>
                                                    </asp:DropDownList>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:Label AssociatedControlID="txtJobId" runat="server" ID="lblJobId" Text="DMS Job Id" />
                                                    <asp:CompareValidator ID="CompareValidator2" Display="Dynamic" runat="server" ControlToValidate="txtJobId"
                                                        ToolTip="Invalid Number" Text="Invalid Number" Operator="DataTypeCheck" Type="Integer"></asp:CompareValidator><br />
                                                    <asp:TextBox runat="server" ID="txtJobId" Width="170" Columns="18"></asp:TextBox>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:Label AssociatedControlID="txtDocumentId" runat="server" ID="lblDocumentId"
                                                        Text="eMC Document ID" />
                                                    <asp:CompareValidator ID="CompareValidator1" Display="Dynamic" runat="server" ControlToValidate="txtDocumentId"
                                                        ToolTip="Invalid Number" Text="Invalid Number" Operator="DataTypeCheck" Type="Integer"></asp:CompareValidator><br />
                                                    <asp:TextBox runat="server" ID="txtDocumentId" Width="170" Columns="18"></asp:TextBox>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:Label AssociatedControlID="txtDocumenTitle" runat="server" ID="lblDocumentTitle"
                                                        Text="Document Title Like..." /><br />
                                                    <asp:TextBox runat="server" ID="txtDocumenTitle" Width="170" Columns="18"></asp:TextBox>
                                                </td>
                                            </tr>
                                            <tr runat="server" id="lilblCompanyName">
                                                <td>
                                                    <asp:Label AssociatedControlID="txtCompanyName" runat="server" ID="lblCompanyName"
                                                        Text="Company Name Like..." /><br />
                                                    <asp:TextBox runat="server" ID="txtCompanyName" Width="170" Columns="18"></asp:TextBox>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:Label AssociatedControlID="imgFrom" runat="server" ID="lblFrom" Text="From:" />
                                                    <br />
                                                    <asp:TextBox runat="server" ID="txtFromDate" CssClass="dcl_datefield" ReadOnly="true"
                                                        Width="150" Columns="18">All</asp:TextBox>
                                                    <img runat="server" id="imgFrom" onclick="ShowDatePicker(this, event, 'm1_c1_txtFromDate', 'short', 'right', 'showall');"
                                                        src="images/date.gif" alt="From" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:Label AssociatedControlID="imgTo" runat="server" ID="lblTo" Text="To:" />
                                                    <br />
                                                    <asp:TextBox runat="server" ID="txtToDate" CssClass="dcl_datefield" ReadOnly="true"
                                                        Width="150" Columns="18">All</asp:TextBox>
                                                    <img runat="server" id="imgTo" onclick="ShowDatePicker(this, event, 'm1_c1_txtToDate', 'short', 'right', 'showall');"
                                                        src="images/date.gif" alt="To" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:Label AssociatedControlID="ddlOrderBy" runat="server" ID="lblOrderBy" Text="Order By" />
                                                    <br />
                                                    <asp:DropDownList ID="ddlOrderBy" runat="server">
                                                        <asp:ListItem Text="Document Title" Value="Title"></asp:ListItem>
                                                        <asp:ListItem Text="DMS Date (oldest first)" Value="JobStartedDate ASC"></asp:ListItem>
                                                        <asp:ListItem Selected="True" Text="DMS Date (newest first)" Value="JobStartedDate DESC"></asp:ListItem>
                                                        <asp:ListItem Text="Approval Date" Value="JobCompletedDate DESC"></asp:ListItem>
                                                    </asp:DropDownList>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    &nbsp;
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:LinkButton runat="server" ID="btnSearch" Text="Search" CssClass="dcl_button_search" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:Label ID="Label1" runat="server" AssociatedControlID="chkRefresh" Text="Auto Refresh Search Page:" /><asp:CheckBox
                                                        runat="server" ID="chkRefresh" Checked="false" AutoPostBack="true" />
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </ContentTemplate>
                            </asp:UpdatePanel>
                            <dcl:corners runat="server" ID="Corners1" Position="bottom" Color="grey" EnableViewState="false" />
                        </div>
                    </rad:RadSlidingPane>
                </rad:RadSlidingZone>
            </rad:RadPane>
            <rad:RadSplitBar ID="Radsplitbar1" runat="server"></rad:RadSplitBar>
            <rad:RadPane ID="Radpane2" runat="server" Scrolling="None">
                <div id="dcl_page_rightpanel_container2">
                    <div id="dcl_page_rightpane">
                        <asp:Panel ID="dcl_results" runat="server">
                            <dcl:corners runat="server" ID="ucCornersTop3" Position="top" Color="grey" EnableViewState="false" />
                            <div id="dcl_search_results_border">
                                <div id="dcl_search_results_header">
                                    <span class="dcl_panel_label">Results
                                        <asp:LinkButton runat="server" ID="lnkListView" Text="Show List View" OnClick="lnkListView_Click"></asp:LinkButton>
                                    </span>
                                    <div id="dcl_page_options">
                                        <span id="ddlPerPageLabel">
                                            <asp:Literal runat="server" ID="lblPerPage" Text="Items Per Page" />:</span>
                                        <asp:DropDownList ID="ddlPerPage" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlPerPage_SelectedIndexChanged">
                                            <asp:ListItem Value="1">1</asp:ListItem>
                                            <asp:ListItem Value="3">3</asp:ListItem>
                                            <asp:ListItem Value="5">5</asp:ListItem>
                                            <asp:ListItem Value="10">10</asp:ListItem>
                                            <asp:ListItem Value="15" Selected="True">15</asp:ListItem>
                                            <asp:ListItem Value="20">20</asp:ListItem>
                                            <asp:ListItem Value="25">25</asp:ListItem>
                                            <asp:ListItem Value="30">30</asp:ListItem>
                                        </asp:DropDownList>
                                        <dcl:pagenav ID="ucPageNav" runat="server" CssClass="options"></dcl:pagenav>
                                    </div>
                                </div>
                                <div id="dcl_search_results_list">
                                    <dcl:searchresults ID="ucSearchResults" runat="server" Visible ="false" />
                                    <dcl:searchresults1 ID="ucSearchResults1" runat="server"  />
                                </div>
                            </div>
                            <dcl:corners runat="server" ID="ucCornersBottom3" Position="bottom" Color="grey"
                                EnableViewState="false" />
                        </asp:Panel>
                    </div>
                </div>
                <dcl:datepicker ID="ucDatePicker" runat="server" EnableViewState="false"></dcl:datepicker>
            </rad:RadPane>
        </rad:RadSplitter>

        <script>       
           
            var refreshOption = document.getElementById('m1_c1_chkRefresh');
           
            if (refreshOption.checked)
            {
                window.setTimeout("window.location.reload(true)", 300000);
            }
           
        </script>

    </asp:Content>



  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 15 Sep 2008 Link to this post

    Hi Paul,

    I removed the elements with tag <dcl> and the attached server-side events in order to run the page. After that I ran the page under IE6 and after adding the following CSS style:

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

    in the MastrePage's head the layout looked as expected as you can see from the attached screenshot.

    Would you please make sure that the above shown CSS is present on your MasterPage and also all the RadSplitter's parent elements' heights are explicitly set?

    In case this does not help, please send me a sample, fully runnable reproduction demo along with a detailed explanation of the reproduction steps and some screenshots. Once I receive it, I will do my best to help you solve the problem.


    Best wishes,
    Svetlina
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top