RadSplitBar does not expand after programmatically collapsing

[RkW]

I am firing the following function with a tab selection and collapse a RadPane. But then I cannot simply expand it using mouse. I can only expand it again programmatically.

function CollapsePane(paneId)

        {

            var splitter = $find("<%= RadSplitter1.ClientID %>");

            var pane = splitter.getPaneById(paneId);

            if (pane)

            {

                pane.collapse();

            }

           

        }

Also I need to know how to change RadPane to a specific size (in javacript).

I expect an answer ASAP.

Thanks!!

[RkW]

An answer will be appreciated.........! 

[Dobromir]

Hi Rak,

The Collapse/Expand by user interaction is performed by click on the corresponding buttons (refer the attached screenshot). If CollapseMode property of the splitbar is set to None (its default value) these buttons will not be available, thus in order to allow user manually to collapse/expand pane you need to set RadSplitBar's CollapseMode property, e.g.:

<telerik:RadSplitter ID="RadSplitter1" runat="server">
    <telerik:RadPane ID="RadPane1" runat="server">
    </telerik:RadPane>
    <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward"></telerik:RadSplitBar>
    <telerik:RadPane ID="RadPane2" runat="server"></telerik:RadPane>
</telerik:RadSplitter>

If this is not the case, could you please provide more detailed information on the specific scenario? A sample page demonstrating the problem will be of great help solving this case.

Regards,
Dobromir
the Telerik team

[RkW]

Hi Dobromir,
Thanks for your reply. But I don't think you understood my issue. I had already set CollapseMode="Forward" and it collapsed and expanded with no issue with mouse I click on that small arrow as in your screenshot. But after I collapse that RadPane using my  CollapsePane(paneId)function (function is in my previous post), that small arrow become inactive. It does not expand it back. It does not do anything when I click it. Why is that?

But I found a way around. I set CollapseMode="Both" and then when I collapse RadPane using CollapsePane(paneId) function, I only see only 1 small arrow(there were 2 samll arrows before I call the function). But now that small arrow is active and it expand the RadPane when I click it.

My code is too long. So I don't think I should post it. But if you still don't understand my issue I can attach.

Hoping for a reply....

Cheers 


[Dobromir]

Hi Rak,

Please accept my sincere apologies for the misunderstanding and for the misleading example.

You can experience this behavior if the CollapseMode property is set to Forward / Backward (allowing only one of the panes to be collapsed by user interaction) and the pane that is programmatically collapsed is the other one.

With the splitter example provided in my previous reply, if you programmatically collapse RadPane1 you will not be able to expand it with the button on the splitbar. This is because the rendered button ('the small arrow') only handles collapse / expand of the RadPane2.

Kind regards,
Dobromir
the Telerik team

[RkW]

That makes sense. Thanks for the explanation. Glad I was able to solve it somehow.

Thanks