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

RadSplitter Height & IE6

3 Answers 46 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Paul
Top achievements
Rank 1
Paul asked on 20 Aug 2008, 06:16 PM
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

3 Answers, 1 is accepted

Sort by
0
Tsvetie
Telerik team
answered on 25 Aug 2008, 09:16 AM
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.
0
Paul
Top achievements
Rank 1
answered on 27 Aug 2008, 08:06 PM
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 :(
0
Tsvetie
Telerik team
answered on 28 Aug 2008, 04:49 AM
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.
Tags
Splitter
Asked by
Paul
Top achievements
Rank 1
Answers by
Tsvetie
Telerik team
Paul
Top achievements
Rank 1
Share this question
or