Resize dock in dock zone

[Alex]

Hi, i have a problem, i see demo http://demos.telerik.com/aspnet-ajax/dock/examples/dockresize/defaultcs.aspx where i see drag and resize dock panel, but i want use code like this

<telerik:RadDockLayout ID="RadDockLayout1" runat="server">
                    <telerik:RadDockZone ID="RadDockZone1" runat="server" MinHeight="300" Width="300">
                            <telerik:RadDock ID="RadDock1" runat="server" Title="RadDock1" Width="200px" Resizable="true" EnableDrag="True"
                                Text="RadDock is placed in a <strong>vertically</strong> oriented RadDockZone. Grab the bottom handle to resize the dock vertically. Horizontal resizing is not allowed." CssClass="higherZIndex">
                            </telerik:RadDock>
                        <telerik:RadDock ID="RadDock2" runat="server" Title="RadDock1" Width="200px" Resizable="true" EnableDrag="True"
                                Text="RadDock is placed in a <strong>vertically</strong> oriented RadDockZone. Grab the bottom handle to resize the dock vertically. Horizontal resizing is not allowed." CssClass="higherZIndex">
                            </telerik:RadDock>
                    </telerik:RadDockZone>
                    </telerik:RadDockLayout>

 

where user must be have ability for resize docks but can't drag, now user can't resize. What am i doing wrong?

[Slav]

Hi Alex,

You can set the DockMode property of the RadDock controls to Docked so that they cannot be floating outside of the RadDockZones and you can set their DockHandle property to None so that they cannot be dragged:

...
                <telerik:RadDock ID="RadDock1" runat="server" Title="RadDock1" Width="200px" Resizable="true" EnableDrag="True" DockMode="Docked" DockHandle="None"
                    Text="RadDock is placed in a <strong>vertically</strong> oriented RadDockZone. Grab the bottom handle to resize the dock vertically. Horizontal resizing is not allowed." CssClass="higherZIndex">
                </telerik:RadDock>
                <telerik:RadDock ID="RadDock2" runat="server" Title="RadDock1" Width="200px" Resizable="true" EnableDrag="True" DockMode="Docked" DockHandle="None"
                    Text="RadDock is placed in a <strong>vertically</strong> oriented RadDockZone. Grab the bottom handle to resize the dock vertically. Horizontal resizing is not allowed." CssClass="higherZIndex">
                </telerik:RadDock>
...

Regards,
Slav
Telerik

[Alex]

No, your solution not help me, but now i noticed, that code in my first message work in IE, and Mozila (have some problem if resize start not from first dock panel, for resize dock panel user must be repeat resize start and resize start only on second resize action), but not working in web kit browsers  (Google Chrome, Opera, Yandex browser) (work only for first dock panel), i think it is a bug. Is it true?

in IE 11
http://www.youtube.com/watch?v=Mc2fnvLSrS0

in chrome 43.0.2357.81 m (64-bit)

http://www.youtube.com/watch?v=Mc2fnvLSrS0&feature=youtu.be

[Slav]

Hi Alex,

Both links you posted lead to the same video, nevertheless the bug you described appears to be similar to the issue with displaced resize handle of a resizable RadDock when the control is docked in a RadDockZone in Chrome. This bug is already fixed and a solution will be available in the upcoming official release, scheduled for the end of end of June.

You can test the fix by downloading the Q2 2015 Beta, because it is included there as you can check in the release notes: http://www.telerik.com/support/whats-new/aspnet-ajax/release-history/ui-for-asp-net-ajax-q2-2015-beta-%28version-2015-2-604%29

Regards,
Slav
Telerik