Resize dock in dock zone

4 posts, 0 answers
  1. Alex
    Alex avatar
    3 posts
    Member since:
    Apr 2015

    Posted 02 Jun 2015 Link to this post

    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?

  2. Slav
    Admin
    Slav avatar
    1355 posts

    Posted 05 Jun 2015 Link to this post

    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
    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 Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Alex
    Alex avatar
    3 posts
    Member since:
    Apr 2015

    Posted 08 Jun 2015 in reply to Slav Link to this post

    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

  5. Slav
    Admin
    Slav avatar
    1355 posts

    Posted 10 Jun 2015 Link to this post

    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
    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 Feedback Portal and vote to affect the priority of the items
Back to Top