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

Radpane not collapsing

3 Answers 138 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Ian Wells
Top achievements
Rank 1
Ian Wells asked on 16 Aug 2010, 10:36 PM
Hi,

I have a radpane that is not collapsing when I click on its splitbar that has its collapsemode set to 'Both'. If I click on the arrow to expand it does this no problem, however if I click on the arrow to collapse the arrow just flashes.

Any ideas please anyone as what may cause this?

Regards,

Ian W

3 Answers, 1 is accepted

Sort by
0
Tsvetie
Telerik team
answered on 19 Aug 2010, 12:55 PM
Hi Ian Wells,
One reason, why a RadPane control will not collapse, is in case the other panes in the splitter cannot re-size accordingly with the same number of pixels as the width/height of that pane so that the splitter keeps its width and height. Another reasons, is in case all other panes are locked. There are a couple of scenarios, in which a pane would not collapse. In case you send me your splitter definition I will be able to provide you with more detailed information on your concrete case. In case you are using an old version of the assembly, please, specify the exact version that you use, so that I can check whether there is a bug the that version that could cause the problem.

Kind regards,
Tsvetie
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
Ian Wells
Top achievements
Rank 1
answered on 20 Aug 2010, 11:46 AM
Hi Tsvetie,

Thanks for your reply. I have found the issue but I am not sure how to solve it. I have created a test page based on the structure of my portal. Here is the test page code:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Search.aspx.cs" Inherits="ContentPages_Search" %>
<%@ 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">
 
<head id="Head1" runat="server">
    <title></title>
    <link href="../StyleSheet.css" rel="stylesheet" type="text/css" />   
    <!-- This particular style is used for the splitbars so that they have a custom icon as the expand/collapse button -->
    <style type="text/css">
        .rspCollapseBarExpand,         
        .rspCollapseBarExpandOver         
        {         
           background: url(../Images/expand.jpg) no-repeat 0 0 !important;       
           height:15px!important;       
           width:15px!important;
                   
        }        
                
        .rspCollapseBarCollapse,         
        .rspCollapseBarCollapseOver       
        {         
           background: url(../Images/collapse.jpg) no-repeat 0 0 !important;   
           height:15px!important;       
           width:15px!important;       
        }       
                
        .rspResizeBar,       
        .rspResizeBarOver,       
        .rspCollapseBarWrapper       
        {       
            background:#ffffff!important;       
            height: 8px !important;       
        }       
        .style1
        {
            color: #000000;
        }
    </style>
    
</head>
<body>
    <form id="form1" runat="server" method="post">
        <asp:ScriptManager ID="sm1" runat="server" />
        <telerik:RadSplitter ID="rsMainMenu" runat="server" Width="100%" Height="100%" Skin="Vista" FullScreenMode="true" SplitBarsSize="18">
            <telerik:RadPane ID="rpPortalNavigation" runat="server" Width="22" Scrolling="None" MinWidth="22" Locked="true">               
                                 
            </telerik:RadPane>
            <telerik:RadPane ID="rpSearchFields" runat="server" Width="30%">               
            
            </telerik:RadPane>
            <!-- Search Results -->
            <telerik:RadPane ID="rpSearchResults" runat="server" Visible="false" >    
            </telerik:RadPane>
            <telerik:RadSplitBar ID="rsbFieldsToImage" runat="server" Height="150" CollapseMode="Both"  />
            <telerik:RadPane ID="rpDocumentImage" runat="server" Scrolling="Both" />
        </telerik:RadSplitter>
    </form>
</body>
</html>

The problem lies with the pane 'rpSearchResults' being not visible. I only want to make this pane visible if there are search results, however having it set to invisible causes the splitbar to not be able to collapse the pane when the pane is set to being visible.

I know this for sure as if I explicitly set the pane to be visible on load then the splitbar works. If it is invisble and then set to visible programmatically then the splitbar does not work.

Thanks
Ian
0
Ian Wells
Top achievements
Rank 1
answered on 20 Aug 2010, 02:40 PM
I have now fixed this issue. I do not use the radpane 'rpSearchResults' anymore. I use 'rpSearchFields' and hide and show asp panels within that pane accordingly, rather than hiding/showing radpanes. This now enables the splitbar to work correctly.

Ian
Tags
Splitter
Asked by
Ian Wells
Top achievements
Rank 1
Answers by
Tsvetie
Telerik team
Ian Wells
Top achievements
Rank 1
Share this question
or