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

RadSplitter not resizing panes in IE

1 Answer 118 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Bryan Strader
Top achievements
Rank 2
Bryan Strader asked on 16 Oct 2009, 08:28 PM
After the upgrade to radControls AJAX ASP.Net Q2 2009,  a RadSplitter I'd been using does not resize the adjacent panel when a sliding pane is expanded. Instead the pane expands but underneath the adjacent panel. I tried using the suggestion posted here but to no avail..

http://www.telerik.com/community/forums/aspnet/splitter/sliding-pane-problem.aspx


This problem seems to only happen with IE, firefox the behavior still works as expected. Aside from the above link, is there any other way to address this issue...?

The splitter has two panes, with a splitter bar in the middle of them. The left pane has sliding panes with menu items, when sliding out, they now go under the right pane (adjacent pane).

Thanks

1 Answer, 1 is accepted

Sort by
0
Tsvetie
Telerik team
answered on 21 Oct 2009, 01:46 PM
Hello Bryan Strader,
I suppose that you either do not have a DOCTYPE or your doctype is not XHTML compliant. If this is the case, you can use one of the following approaches:
  1. Add the following to your page:
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!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 runat="server">
  2. Apply overflow:visible to the parent RadPane:
    <head id="Head1" runat="server">
        <title></title>
        <style type="text/css">
        .OverflowVisible
        {
            overflow:visible !important;
        }
        </style>
    </head>
    <body>
        <form id="Form1" method="post" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <telerik:RadSplitter ID="RadSplitter1" runat="server">
            <telerik:RadPane ID="RadPane1" runat="server" Width="22px" Scrolling="None" CssClass="OverflowVisible">
                <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server">
                    <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="Test">
                    </telerik:RadSlidingPane>
                </telerik:RadSlidingZone>
            </telerik:RadPane>
            <telerik:RadSplitBar ID="RadSplitBar1" runat="server" />
            <telerik:RadPane ID="RadPane2" runat="server">
            </telerik:RadPane>
        </telerik:RadSplitter>
        </form>
    </body>
For the official Q3 2009 release we will fix the problem of the RadSlidingPanes in quirks mode.

In case this is not the cause for the problem, please post the code of a simple page that demonstrates the problem here.

Greetings,
Tsvetie
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Tags
Splitter
Asked by
Bryan Strader
Top achievements
Rank 2
Answers by
Tsvetie
Telerik team
Share this question
or