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

[Solved] Splitter Not Expanding

2 Answers 97 Views

Splitter

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

Big-Sy asked on 07 Oct 2011, 05:19 PM

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">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<telerik:RadSplitter ID="RadSplitter1" runat="server" Width="600px">

<telerik:RadPane ID="RadPane1" runat="server" MinWidth="100">

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Backward">

</telerik:RadSplitBar>

<telerik:RadPane ID="RadPane2" runat="server" MinWidth="100">

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Both">

</telerik:RadSplitBar>

<telerik:RadPane ID="RadPane3" runat="server" MinWidth="100">

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</form>

</body>

</html>

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 Answers, 1 is accepted

Accepted

answered on 11 Oct 2011, 08:43 AM

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">

Regards,
Dobromir
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