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
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
Rank 1