RadSplitter Height & IE6

4 posts, 0 answers
  1. Paul
    Paul avatar
    76 posts
    Member since:
    Feb 2008

    Posted 20 Aug 2008 Link to this post

    I have content loading into a RadSplitter layout and everything appears to render properly in IE7 & Firefox. In IE6 however, the splitter initially appears to be the correct height, but then shrinks down to almost no height at all. Is there a way to keep this from happening?

    - Paul
  2. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 25 Aug 2008 Link to this post

    Hi Paul,
    Unfortunately, the information you have provided is not enough for us to reproduce the problem locally. Could you please prepare and send us a simple running project demonstrating it, so that we can research what is causing it?

    Regards,
    Tsvetie
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. Paul
    Paul avatar
    76 posts
    Member since:
    Feb 2008

    Posted 27 Aug 2008 Link to this post

    Duplication should be rather simple. I'm including a partial sample below. The key to this problem seems to be caused from dynamic loading content within the panes and the splitter height being set at 100%. Because of the way the page renders in IE6 (probably due to one of it's many known rendering bugs), the height gets shrunk to almost nothing.

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" 
        Title="Untitled Page" %> 
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
    <%@ Register TagPrefix="bar" TagName="jupiterTree" Src="~/Controls/JupiterTree_RAD.ascx" %> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"   
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head id="Head1" runat="server">  
    </head> 
    <body id="Body1" runat="server">  
        <form id="form1" runat="server">  
        <asp:ScriptManager ID="ScriptManager1" runat="server" AsyncPostBackTimeout="96000">  
        </asp:ScriptManager> 
        <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%">  
            <telerik:RadPane ID="RadPane1" runat="server">  
                <bar:jupiterTree ID="JupiterTree1" runat="server" /> 
            </telerik:RadPane> 
            <telerik:RadPane ID="RadPane2" runat="server">  
                Right Pane  
            </telerik:RadPane> 
        </telerik:RadSplitter> 
        </form> 
    </body> 
    </html> 

    You'll have to modify the datasource in your test to fill the tree with content:

    <%@ Control Language="C#" AutoEventWireup="true" CodeFile="JupiterTree_RAD.ascx.cs" 
        Inherits="Controls_JupiterTree_RAD" %> 
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
    <telerik:RadTreeView ID="RadTreeView1" runat="server" DataSourceID="DataMart" DataFieldID="cellkey" 
        DataFieldParentID="cellparent" DataTextField="celldescriptor" DataValueField="cellkey">  
        <CollapseAnimation Duration="0" Type="None" /> 
        <ExpandAnimation Duration="0" Type="None" /> 
    </telerik:RadTreeView> 
    <asp:SqlDataSource ID="DataMart" runat="server" ConnectionString="<%$ ConnectionStrings:DataMart %>" 
        SelectCommand="SST.PR_GET_JUPITER_TREE" SelectCommandType="StoredProcedure">  
        <SelectParameters> 
            <asp:Parameter DefaultValue="2" Name="Starting_Node" Type="Int32" /> 
        </SelectParameters> 
    </asp:SqlDataSource> 

    That's pretty much it. Works fine in IE7, but not IE6 which unfortunately is still in use by a good number of my users :(
  4. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 27 Aug 2008 Link to this post

    Hi Paul,
    The problem is that you have not configured your page correctly, for the splitter to become 100% of its parent element. Please refer to this online example for information how to do so.

    Sincerely yours,
    Tsvetie
    the Telerik team

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