Drag and Drop quirkiness

[Dave]

I have 5 RadDock objects within a RadDockZone in a single column (ie. lined up vertically beneath one another). They are basically modules in the right hand column of a web application.

Myself and my client are finding that attempting to drag any element to the bottom most position can be quite difficult. When dragging and dropping the control displays a dashed rectangle indicating where the RadDock will be placed if released. When trying to drag and drop an element into the bottom most position, the period for which the dashed rectangle is displayed in the bottom most position is very small. (ie. while dragging the element down, the dashed rectangle is displayed in the bottom most position for about 10px only. If you drag beyond this 10px (approx.) the dashed rectangle disappears again making it very un-user friendly).

In particular if the height of the 5 RadDock elements is such that all elements do not fit within the visible portion of the window it can be next to impossible. In this instance the client has to abandon this attempt, and instead drag the element to the 2nd to bottom position , and then drag the bottom element up over the 2nd to bottom element.

Is this a known issue. Is there a fix? Thanks for your help.

I have created a test application which I can provide if you let me know where to send it to.

[Petio Petkov]

Hi Dave,

By design when a RadDock is over a docked RadDock, the dragged RadDock will be docked before the docked RadDock.
My suggestion is to add padding-bottom to the RadDockZone. With this approach the RadDockZone will has more space between the bottom and latest docked RadDock, e.g.

<telerik:RadDockLayout ID="RadDockLayout1" runat="server">
            <telerik:RadDockZone ID="RadDockZone2" runat="server" Width="400px"
            Orientation="Vertical" style="padding-bottom: 30px">
                <telerik:RadDock ID="RadDock1" runat="server" Text="RadDock1" Height="200px"></telerik:RadDock>
                <telerik:RadDock ID="RadDock2" runat="server" Text="RadDock1" Height="200px"></telerik:RadDock>
                <telerik:RadDock ID="RadDock3" runat="server" Text="RadDock1" Height="200px"></telerik:RadDock>
                <telerik:RadDock ID="RadDock4" runat="server" Text="RadDock1" Height="200px"></telerik:RadDock>
                <telerik:RadDock ID="RadDock5" runat="server" Text="RadDock1" Height="200px"></telerik:RadDock>
                <telerik:RadDock ID="RadDock6" runat="server" Text="RadDock1" Height="200px"></telerik:RadDock>
            </telerik:RadDockZone>
        </telerik:RadDockLayout>

Kind regards,
Petio Petkov
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[Dave]

Hi Petio,

Thank you for the quick response.

If there were other page elements below the RadDockZone I could see that this might not be such a great solution as it would effect the spacing, however for my situation this solution is fine.

Thank you very much,

Dave