Splitter Not Expanding

3 posts, 1 answers
  1. Big-Sy
    Big-Sy avatar
    10 posts
    Member since:
    Oct 2011

    Posted 07 Oct 2011 Link to this post

    This seems like a rather trivial issue and I must have some properties incorrect.  I’ve done the obligatory search and get well over 200 entries for my trouble, but nothing yet has worked.  Here is my code…



    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="Splitter.WebForm2" %>
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="600px">
                <telerik:RadPane ID="RadPane1" runat="server" MinWidth="100">
                <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Backward">
                <telerik:RadPane ID="RadPane2" runat="server" MinWidth="100">
                <telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Both">
                <telerik:RadPane ID="RadPane3" runat="server" MinWidth="100">

    There are three panes.  The problem occurs only if you follow the steps below…

    Step 1 – Collapse the left RadSplitBar.  Result – Both RadSplitBar’s are located at 66% of the parent RadSplitter’s width as expected.

    Step 2 – Collapse the right RadSplitBar, to the right.  Result – Both RadSplitBar’s are on the right border of the parent RadSplitter control as expected.

    Step 3 – Expand the left RadSplitBar.  Result – The left RadSplitBar is at 66% of the width and the right RadSplitBar is still attached to the right border of the parent RadSplitter as expected.

    Step 4 – Expand the right RadSplitBar.  Result It won’t expand.  I am expecting it to expand to the 66% position while the left one moves to the 33% position as it started.

    Note:  If you expand the right RadSplitBar in step 3 and then the left RadSplitBar, it does respond as I would expect.

    Thanks for any help.

    Same behavior on IE9, FF7, Chrome14, Telerik

  2. Answer
    Dobromir avatar
    1633 posts

    Posted 11 Oct 2011 Link to this post

    Hi Denis,

    This is expected default behavior of RadSplitter - each splitbar is responsible for collapse / expand its adjacent panes. To change this behavior you need to set RadSplitter ResizeMode property to EndPane, e.g.:
    <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="600px" ResizeMode="EndPane">

    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. Big-Sy
    Big-Sy avatar
    10 posts
    Member since:
    Oct 2011

    Posted 11 Oct 2011 Link to this post

    Thanks for your help Dobromir... Knew it had to be something I was missing.  I was just looking at the RadPane since it was the thing that I was collapsing/expanding.  I'll look harder at the whole group of controls next time.  It makes more sense now that I see the proportional mode.
Back to Top