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

Collapse/resize button disappears as collapsing a Radpane

5 Answers 127 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Hai
Top achievements
Rank 1
Hai asked on 04 Apr 2011, 06:18 AM
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

5 Answers, 1 is accepted

Sort by
0
Hai
Top achievements
Rank 1
answered on 04 Apr 2011, 06:30 AM
Sorry, I meant the collapse/expand button.
0
Dobromir
Telerik team
answered on 04 Apr 2011, 12:09 PM
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
0
Hai
Top achievements
Rank 1
answered on 04 Apr 2011, 05:04 PM
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
0
Dobromir
Telerik team
answered on 06 Apr 2011, 10:22 AM
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
0
Hai
Top achievements
Rank 1
answered on 07 Apr 2011, 03:24 PM
You are right. Thank you very much for your support!

Kind regards,
Hai Tran
Tags
Splitter
Asked by
Hai
Top achievements
Rank 1
Answers by
Hai
Top achievements
Rank 1
Dobromir
Telerik team
Share this question
or