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

Docking SlidingZone w/o pushing underlying text

1 Answer 60 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
WombatEd
Top achievements
Rank 1
WombatEd asked on 25 May 2010, 08:42 PM
When I first hover over a slidingzone, it comes in from the left and covers the existing content.  Then when I click the pushpin, the zone docks and pushes the existing content off the page to the right.

What I want it to do is to cover the existing content the way it did before I docked it.

Can this be done?

TIA,

   Ed

1 Answer, 1 is accepted

Sort by
0
Accepted
Dobromir
Telerik team
answered on 28 May 2010, 11:57 AM
Hi Ed,

By design, RadSlidingPane does not offer the required functionality out-of-the-box. In order to achieve such behavior, I would suggest to use one of the following approaches:
  1. Configure the sliding zone to expand when clicked, and disable the docking option for the sliding pane. This will keep the pane expanded until its closed, and it will hover the content of the other RadPane, e.g:
    <telerik:RadPane ID="RadPane1" runat="server" Width="22px" Scrolling="None">
        <telerik:RadSlidingZone ID="RadSlidingzone1" runat="server" Width="22px" ClickToOpen="true">
            <telerik:RadSlidingPane ID="RadSlidingPane1" Title="Pane1" runat="server" Width="150px" EnableDock="false">
                Pane 1 Content
            </telerik:RadSlidingPane>
            <telerik:RadSlidingPane ID="RadSlidingPane2" Title="Pane1" runat="server" Width="150px" EnableDock="false">
                Pane 2 Content
            </telerik:RadSlidingPane>
            <telerik:RadSlidingPane ID="RadSlidingPane3" Title="Pane1" runat="server" Width="150px" EnableDock="false">
                Pane 3 Content
            </telerik:RadSlidingPane>
        </telerik:RadSlidingZone>
    </telerik:RadPane>
  2. If you do not want to expand the panes on click, but want to use the standard behavior (on hover), I suggest to attach an eventhandler to the OnClientCollapsing client-side event of the sliding pane and cancel it, e.g.:
    function OnClientCollapsing(sender, args)
    {
        if(!toCollapse)
            args.set_cancel(true);
    }

I hope this helps.

Sincerely yours,
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.
Tags
Splitter
Asked by
WombatEd
Top achievements
Rank 1
Answers by
Dobromir
Telerik team
Share this question
or