RadSplitter not resizing panes in IE

2 posts, 0 answers
  1. Bryan Strader
    Bryan Strader avatar
    27 posts
    Member since:
    Sep 2009

    Posted 16 Oct 2009 Link to this post

    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
  3. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 21 Oct 2009 Link to this post

    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.
Back to Top