Collapse/resize button disappears as collapsing a Radpane

6 posts, 0 answers
  1. Hai
    Hai avatar
    18 posts
    Member since:
    Nov 2010

    Posted 04 Apr 2011 Link to this post

    Hi,
    I am using Vertical RadSpliter  with 2 RadPane inside. But as I collapse the left pane, the collapse/resize button disappears and I cannot rezise this right pane. The left pane is also partially hidden by the vertical scroll bar.

    I really need you help to solve the problem. This is very urgent.

    Thanks,
    Hai Tran
  2. Hai
    Hai avatar
    18 posts
    Member since:
    Nov 2010

    Posted 04 Apr 2011 Link to this post

    Sorry, I meant the collapse/expand button.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 04 Apr 2011 Link to this post

    Hi Hai,

    I am afraid that provided screenshots are not enough to determine what is causing the problem. Could you please provide sample runnable project and / or a live URL reproducing the problem so we can examine it further?

    Regards,
    Dobromir
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  5. Hai
    Hai avatar
    18 posts
    Member since:
    Nov 2010

    Posted 04 Apr 2011 Link to this post

    Let's take the Telerik Webmail demo to test this. I add another content page named Default 2. Following is the aspx code:

    <%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    </asp:Content>
    <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
        <div style="margin: 5px; border: 1px solid blue;">
            <telerik:RadSplitter ID="RadSplitter2" runat="server">
                <telerik:RadPane ID="RadPane1" runat="server" BorderWidth="1px" BorderColor="Red" BorderStyle="Dotted">
                    <asp:Button ID="Button1" runat="server" Text="Button" />
                </telerik:RadPane>
                <telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Backward">
                </telerik:RadSplitBar>
                <telerik:RadPane ID="RadPane2" runat="server" BorderWidth="1px" BorderColor="Red" BorderStyle="Dotted">
                    <telerik:RadTextBox ID="RadTextBox1" runat="server" AutoPostBack="True">
                    </telerik:RadTextBox>
                    <telerik:RadTextBox ID="RadTextBox2" runat="server">
                    </telerik:RadTextBox>
                </telerik:RadPane>
            </telerik:RadSplitter>
        </div>
    </asp:Content>

    As I collapse the right pane in the contentplaceholder 2, the collapse/expand button disappears. As a result of this, I cannot expand this right pane.
    Please take a look and help me find a solution for this problem. I wonder if it is a bug!

    Kind regards,
    Hai Tran
  6. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 06 Apr 2011 Link to this post

    Hi Hai,

    The problem occurs because the splitter is nested inside another splitter and the wrapping <div> has margin applied. In order to apply margins to the splitter you need to:
    1. Set ResizeWithParentPane property of the nested splitter to false.
    2. Set splitter's Width and Height to 100%.
    3. Wrap the splitter with a <div> with margins applied
    4. Set height to the wrapper <div> via JavaScript
    For your convenience I have attached the modified content page.
    Kind regards,
    Dobromir
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  7. Hai
    Hai avatar
    18 posts
    Member since:
    Nov 2010

    Posted 07 Apr 2011 Link to this post

    You are right. Thank you very much for your support!

    Kind regards,
    Hai Tran
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017