Telerik is a leading vendor of ASP.NET AJAX, ASP.NET MVC, Silverlight, WinForms and WPF controls and components, as well as .NET Reporting, .NET ORM , .NET CMS, Code Analysis, Mocking, Team Productivity and Automated Testing Tools. Building on its expertise in interface development and Microsoft technologies, Telerik helps customers build applications with unparalleled richness, responsiveness and interactivity. Telerik products help thousands of companies to be more productive and deliver reliable applications under budget and on time.
Version Q2 2011 released 07/12/2011
select

Dock / Dock Resizing

 
RadDock1
 
 
RadDock is placed in a vertically oriented RadDockZone. Grab the bottom handle to resize the dock vertically. Horizontal resizing is not allowed.
 
     
 
RadDock1
 
 
Grab the right, the bottom or the left handle to resize the dock, when it is not placed in a docking zone.
 
     

  • Dock Resizing

    RadDock provides Resizable property which makes the dock resizable when its value is set to true. By default its value is false. The RadDock control cannot be resized when it is collapsed.

    When RadDock is placed in a vertically oriented RadDockZone (Orientation="Vertical"), grab the bottom handle to resize the dock vertically. Horizontal resizing is not allowed.

    RadDock's client-side API provides the following events related to resizing:

    • OnClientResizeStart - fires when RadDock's resizing has started
    • OnClientResizeEnd - fires when RadDock's resizing has finished

Source Code

C# VB.NET
Show code in new window Demo isolation steps
  • <%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.Dock.DockResizing.DefaultCS" %>

    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <%@ Register Namespace="Telerik.QuickStart" TagPrefix="qsf" %>
    <%@ Register Src="~/Common/Header.ascx" TagName="Header" TagPrefix="qsf" %>
    <%@ Register Src="~/Common/HeadTag.ascx" TagName="HeadTag" TagPrefix="qsf" %>
    <%@ Register Src="~/Common/Footer.ascx" TagName="Footer" TagPrefix="qsf" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <qsf:HeadTag ID="Headtag1" runat="server" />
    </head>
    <body class="BODY">
        <form id="Form1" runat="server" method="post">
        <qsf:Header ID="Header1" runat="server" NavigationLanguage="c#" />
        <telerik:RadScriptManager ID="ScriptManager" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadDockLayout ID="RadDockLayout1" runat="server">
            <table>
                <tr>
                    <td valign="top">
                        <telerik:RadDockZone ID="RadDockZone1" runat="server" MinHeight="200" Width="300">
                            <telerik:RadDock ID="RadDock1" runat="server" Title="RadDock1" Width="200px" Resizable="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.">
                            </telerik:RadDock>
                        </telerik:RadDockZone>
                    </td>
                </tr>
            </table>
            <telerik:RadDock ID="RadDock2" runat="server" Title="RadDock1" Top="230px" Left="850px"
                Width="300px" Resizable="true" Text="Grab the right, the bottom or the left handle to resize the dock, when it is not placed in a docking zone.">
            </telerik:RadDock>
        </telerik:RadDockLayout>
        <asp:Button ID="Button1" runat="server" Text="Make postback"></asp:Button>
        <qsf:Footer ID="Footer1" runat="server" ShowCodeViewer="true" />
        </form>
    </body>
    </html>

Get more than expected!

 
 

Take your time to truly experience the power of RadControls for ASP.NET AJAX with a free 60-day trial backed up by Telerik’s unlimited dedicated support.

Download your RadControls for ASP.NET AJAX trial and jumpstart your development with the available Getting Started resources.

If you have any questions, do not hesitate to contact us at sales@telerik.com.

Copyright 2002-2024 © Telerik. All right reserved
Telerik Inc, 201 Jones Rd, Waltham, MA 02451