RadPane Expand/Collapse Speed

[Dan]

Hi,
Just curious if there is currently anyway to control the expand/collapse speed of RadPanes inside of a RadSplitter? If not, is this a feature that will be added in the future?
Thanks,
Dan

[fglrxandyou]

There is publicly exposed a slide/expand Duration, but not Slide Collapse...

that I can find.

I'm looking through the JS methods myself, at the moment, for anything that allows one to modify such timings.  I find the current implementation lacking.. That if I have a tool tip connected to an element in the sliding pane, and it pops up outside that pane.. should i try to interact with that tooltip, i trigger the pane to close.  Very annoying ;)

[Tsvetie]

Hi fglrxandyou,
Indeed, the current version of the RadSplitter control, offers control only over the time the RadSlidingPane takes to expand:

<telerik:RadSplitter ID="RadSplitter1" runat="server">
    <telerik:RadPane ID="RadPane1" runat="server" Width="22px">
        <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" SlideDuration="1000">
            <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="Test">
            </telerik:RadSlidingPane>
        </telerik:RadSlidingZone>
    </telerik:RadPane>
    <telerik:RadPane ID="RadPane2" runat="server">
    </telerik:RadPane>
</telerik:RadSplitter>

I have added your idea of controlling the collapse speed as well to our TODO list, but I cannot tell you for which exact version it will be implemented.

In case you only want to set the time after the RadSlidingPane will collapse (not the time the animation will play), you can use the following approach:

<script type="text/javascript">
var shouldNotClose = true;
function ClientBeforeCollapseHandler(sender, args)
{
    args.set_cancel(shouldNotClose);
    if(shouldNotClose)
    {
        setTimeout(function()
        {
            shouldNotClose = false;
            var zone = $find('<%= RadSlidingZone1.ClientID %>');
            zone.collapsePane('RadSlidingPane1');
        }, 2000);
    }
}

function ClientCollapsedHandler(sender, args)
{
    shouldNotClose = true;
}
</script>
<form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <telerik:RadSplitter ID="RadSplitter1" runat="server">
        <telerik:RadPane ID="RadPane1" runat="server" Width="22px">
            <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" SlideDuration="1000">
                <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="Test"
                OnClientBeforeCollapse="ClientBeforeCollapseHandler" OnClientCollapsed="ClientCollapsedHandler">
                </telerik:RadSlidingPane>
            </telerik:RadSlidingZone>
        </telerik:RadPane>
        <telerik:RadPane ID="RadPane2" runat="server">
        </telerik:RadPane>
    </telerik:RadSplitter>
</form>

All the best,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[fglrxandyou]

That's a great fix Tsvetie, thanks...  Also that clarifies some functionality of the events as well..