This is a migrated thread and some comments may be shown as answers.

Problem with sliding pane and IE 6

1 Answer 63 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Paul Stack
Top achievements
Rank 1
Paul Stack asked on 11 Sep 2008, 09:43 AM
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>



1 Answer, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 15 Sep 2008, 02:59 PM
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.
Tags
Splitter
Asked by
Paul Stack
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
Share this question
or