Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Splitter > Radpane resizing...
RadControls for ASP.NET are no longer supported (see this page for reference). In case you have inquiries about the Telerik ASP.NET AJAX controls, post them in the pertinent ASP.NET AJAX forums.

Not answered Radpane resizing...

Feed from this thread
  • Chitra avatar

    Posted on May 5, 2011 (permalink)

    I have a radsplitter with two radpanes - leftpane and rightpane and a radsplitbar as follows:

    <rad:RadSplitter ID="RadSplitter1" runat="server" Orientation="Vertical" SplitBarsSize="1px" FullScreenMode="True">
                <rad:RadPane ID="LeftPane1" runat="server">
                    <asp:TextBox ID="TextBox1" runat="server" Width="98%"></asp:TextBox>
                </rad:RadPane>
                <rad:RadSplitBar ID="RadSplitBar1" runat="server" />
                <rad:RadPane ID="RightPane1" runat="server">
                </rad:RadPane>     
            </rad:RadSplitter>
       

    This causes the window to open with the two panes at 50% and the textbox width = 98% and the splitbarsize=1px...

    I want to make the leftpane width = 30% and when I add width for left pane to 30% as in:

     

     

     

    <rad:RadPane ID="LeftPane1" runat="server" Width="30%">

     

     

     

    I run into two issues:
    1. my textbox which was covering 98% of the left pane is now NOT at 98% -- perhaps at a 70%...
    2. my splitbarsize is no longer at 1px

    My RadSplitter.Net2.dll is version 1.3.8.0...  I would like the textbox to remain at 98% and the splitbarsize to remain at 1px.

    What am I doing wrong?

    The entire code for my sample page is:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ServerSideSplitter.WebForm1" %>
      
    <%@ Register Assembly="RadSplitter.Net2" Namespace="Telerik.WebControls" TagPrefix="rad" %>
      
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <rad:RadSplitter ID="RadSplitter1" runat="server" Orientation="Vertical" SplitBarsSize="1px" FullScreenMode="True">
                <rad:RadPane ID="LeftPane1" runat="server" Width="30%">
                    <asp:TextBox ID="TextBox1" runat="server" Width="98%"></asp:TextBox>
                </rad:RadPane>
                <rad:RadSplitBar ID="RadSplitBar1" runat="server" />
                <rad:RadPane ID="RightPane1" runat="server">
                </rad:RadPane>     
            </rad:RadSplitter>
        </div>
        </form>
    </body>
    </html>


  • Dobromir Dobromir admin's avatar

    Posted on May 10, 2011 (permalink)

    Hi Chitra,

    When configuring RadPane to use percentage values for its width / height you need to set size to all panes where the sum of their sizes is 100%, thus you need to set Width="70%" to the RightPane1, e.g:
    <rad:RadSplitter ID="RadSplitter1" runat="server" Orientation="Vertical" FullScreenMode="true" SplitBarsSize="1px">
        <rad:RadPane ID="LeftPane1" runat="server" Width="30%">
            <asp:TextBox ID="TextBox1" runat="server" Width="98%"></asp:TextBox>
        </rad:RadPane>
        <rad:RadSplitBar ID="RadSplitBar1" runat="server" />
        <rad:RadPane ID="RightPane1" runat="server" Width="70%">
        </rad:RadPane>    
    </rad:RadSplitter>


    All the best,
    Dobromir
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>

Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Splitter > Radpane resizing...