This is a migrated thread and some comments may be shown as answers.

Vertical Resize When Docked. Why not?

5 Answers 107 Views

Dock

This is a migrated thread and some comments may be shown as answers.

5 Answers, 1 is accepted

Accepted

answered on 15 Mar 2010, 11:51 AM

Hello Valery,

The RadDock is created to be used as a layout control and it is most often used to be docked in a RadDockZone with FitDocks= true(RadDock's width is 100%). In this case the width of the RadDock must be "controlled from the RadDockZone", not from the end user. So we decided to disable the resize when a RadDock is docked.
Here is a workaround that makes the dock resizable while docked to a zone:

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<div>

<telerik:RadDockLayout ID="RadDockLayout1" runat="server">

<telerik:RadDockZone ID="RadDockZone1" runat="server" Height="300px" Width="500px"

FitDocks="false">

<telerik:RadDock ID="RadDock1" runat="server" Width="300px" Title="RadDock-Title"

OnClientResizeEnd="ResizeEnd" OnClientInitialize="DockInit" OnClientDockPositionChanged="DockPositionChanged"

Resizable="true">

<ContentTemplate>

<br />

CONTENT

<br />

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

</telerik:RadDockLayout>

</div>

</form>

<script type="text/javascript">

//Workaround to make dock resizable whilst docked

var currentZone;

Telerik.Web.UI.RadDock.prototype.oldResizeStart = Telerik.Web.UI.RadDock.prototype.onResizeStart;

Telerik.Web.UI.RadDock.prototype.onResizeStart = function()

{

currentZone = this._dockZoneID;

this._dockZoneID = null;

this.oldResizeStart();

}

function ResizeEnd(dock, args)

{

dock._dockZoneID = currentZone;

currentZone = null;

}

function DockInit(dock, args)

{

dock._configureHandles(true);

}

function DockPositionChanged(dock, args)

{

dock._configureHandles(true);

}

//Workaround to make dock resizable whilst docked

</script>

</body>

</html>

Hope this helps.

All the best,
Petio Petkov
the Telerik team

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 Public Issue Tracking system and vote to affect the priority of the items.