New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

OnClientResizeStart

The client-side event OnClientResizeStart fires when the RadDock's property Resizable is set to true and its resizing has started.

The event handler receives a single parameter: the instance of the RadDock control that is being resized.

The following example uses the OnClientResizeStart event handler to update a label when a resize operation starts:

<script type="text/javascript">
    function OnClientResizeStart(dock) {
        var label = document.getElementById("<%= lblMessage.ClientID %>");
        var now = new Date();
        var timeStr = now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds();
        label.innerHTML = "The resizing of the RadDock with ID " + dock.get_uniqueID() + " started at " + timeStr + ".";
    }
</script>
<telerik:RadDockLayout ID="RadDockLayout1" runat="server">
    <telerik:RadDockZone ID="RadDockZone1" runat="server" Height="200px" Width="200px">
        <telerik:RadDock RenderMode="Lightweight" ID="RadDock1" runat="server" Resizable="true" OnClientResizeStart="OnClientResizeStart"
            Height="100px" Width="200px" />
    </telerik:RadDockZone>
</telerik:RadDockLayout>
<asp:Label ID="lblMessage" runat="server"></asp:Label>

See Also

In this article