 |
Docking is an act of dragging-n-dropping an object over a RadDockingZone. When the object is dropped it is attached to the topmost-leftmost possible position. Undocking is the opposite process of dragging-n-dropping a dockable object outside the RadDockingZone that is docked to. |
Docking is controlled on three levels by setting the following properties:
- RadDockingManager.DockEnabled - controls the docking per page, i.e. enables/disables docking for all docking zones and dockable objects
- RadDockingZone.DockEnabled - controls the docking per docking zone, i.e. enables/disables docking for the specific zone. When the docking is disabled for a zone all dockable objects inside are not dockable and cannot be undocked and other objects outside the zone cannot be docked
- RadDockableObject.DockingMode - controls the docking mode for the specific dockable object.
Consider the following example:
<rad:RadDockingManager id="RadDockingManager1" runat="server"></rad:RadDockingManager>
...
<rad:RadDockingZone id="RadDockingZone1" runat="server" Width="100%" Height="100%">
<rad:RadDockableObject id=RadDockableObject1 runat="server" Text="Object 1">
<ContentTemplate>
Object 1
</ContentTemplate>
</rad:RadDockableObject>
<rad:RadDockableObject id=RadDockableObject2 runat="server" Text="Object 2">
<ContentTemplate>
Object 2
</ContentTemplate>
</rad:RadDockableObject>
</rad:RadDockingZone>
...
<rad:RadDockingZone id="RadDockingZone2" runat="server" Width="100%" Height="100%">
<rad:RadDockableObject id=RadDockableObject3 runat="server" Text="Object 3">
<ContentTemplate>
Object 3
</ContentTemplate>
</rad:RadDockableObject>
<rad:RadDockableObject id=RadDockableObject4 runat="server" Text="Object 4">
<ContentTemplate>
Object 4
</ContentTemplate>
</rad:RadDockableObject>
</rad:RadDockingZone>
...
<asp:CheckBox ID="chkBoxEnableManager" Runat="server" AutoPostBack="True" Text="Enable layout"></asp:CheckBox>
...
<asp:CheckBox ID="chkBoxEnableZone1" Runat="server" AutoPostBack="True" Text="Enable zone 1"></asp:CheckBox></TD>
...
<asp:CheckBox id="chkBoxEnableZone2" Text="Enable zone 2" AutoPostBack="True" Runat="server"></asp:CheckBox>
...
<asp:CheckBox ID="chkBoxEnableObject1" Runat="server" AutoPostBack="True" Text="Enable Object 1"></asp:CheckBox></TD>
...
<asp:CheckBox id="chkBoxEnableObject3" Text="Enable Object 3" AutoPostBack="True" Runat="server"></asp:CheckBox>
...
<asp:CheckBox ID="chkBoxEnableObject2" Runat="server" AutoPostBack="True" Text="Enable Object 2"></asp:CheckBox></TD>
...
<asp:CheckBox id="chkBoxEnableObject4" Text="Enable Object 4" AutoPostBack="True" Runat="server"></asp:CheckBox>
... |