<%@ Page Language="C#" AutoEventWireup="true" Codebehind="Default.aspx.cs" Inherits="DockableObject._Default" %>

<%@ Register Assembly="RadToolbar.Net2" Namespace="Telerik.WebControls" TagPrefix="radTlb" %>
<%@ Register Assembly="RadDock.Net2" Namespace="Telerik.WebControls" TagPrefix="cc1" %>
<!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 runat="server">
  <title>Untitled Page</title>
</head>
<body>
  <form id="form1" runat="server">
    <div>
      <cc1:RadDockingManager ID="RadDockingManager1" runat="server" Skin="Inox" />
    </div>
    <table width="500px">
      <tr>
        <td colspan="2" style="width: 100%; height: 75px">
          <cc1:RadDockingZone ID="zoneTop" runat="server" Height="100%" Width="100%" BackColor="lightblue"
            Type="Top">
            <cc1:RadDockableObject ID="rdoTop" runat="server" Height="75px" Text="Title" Width="100%"
              DockingMode="Disabled" ShowTitleBarWhenDisabled="true">
              <ContentTemplate>
                My Content
              </ContentTemplate>
              <Commands>
                <cc1:RadDockableObjectCommand Enabled="False" Name="Expand" ToolTip="Expand" />
                <cc1:RadDockableObjectCommand Name="Collapse" ToolTip="Collapse" />
              </Commands>
            </cc1:RadDockableObject>
          </cc1:RadDockingZone>
        </td>
      </tr>
      <tr>
        <td style="width: 50%; height: 75px">
          <cc1:RadDockingZone ID="zoneLeft" runat="server" Height="100%" Width="100%" BackColor="lightblue"
            FixedByWidth="True" Type="Left">
            <cc1:RadDockableObject ID="rdoLeft" runat="server" Height="75px" Text="Title" Width="100%"
              DockingMode="AlwaysDock" AllowedDockingZoneTypes="Custom" AllowedDockingZones="zoneLeft,zoneBottom">
              <ContentTemplate>
                <radTlb:RadToolbar ID="RadToolbar1" runat="server" Skin="Default" AutoPostBack="True" OnOnClick="RadToolbar1_OnClick">
                  <Items>
                    <radTlb:RadToolbarButton ID="RadToolbarButton2" runat="server" ButtonImage="Open.gif"
                      Hidden="False" CommandName="Open" ButtonText="Open"></radTlb:RadToolbarButton>
                    <radTlb:RadToolbarButton ID="RadToolbarButton3" runat="server" ButtonImage="Save.gif"
                      Hidden="False" CommandName="Save" ButtonText="Save"></radTlb:RadToolbarButton>
                  </Items>
                </radTlb:RadToolbar>
              </ContentTemplate>
              <Commands>
                <cc1:RadDockableObjectCommand Enabled="False" Name="Expand" ToolTip="Expand" />
                <cc1:RadDockableObjectCommand Name="Collapse" ToolTip="Collapse" />
              </Commands>
            </cc1:RadDockableObject>
          </cc1:RadDockingZone>
        </td>
        <td style="width: 50%; height: 75px">
          <cc1:RadDockingZone ID="zoneRight" runat="server" Height="100%" Width="100%" BackColor="lightblue"
            FixedByWidth="True" Type="Right">
            <cc1:RadDockableObject ID="rdoRight" runat="server" Height="75px" Text="Title" Width="100%"
              DockingMode="Dockable" DockedObjectEnabledGrips="All" FloatingObjectEnabledGrips="Left, Right">
              <ContentTemplate>
                My Content
              </ContentTemplate>
              <Commands>
                <cc1:RadDockableObjectCommand Enabled="False" Name="Expand" ToolTip="Expand" />
                <cc1:RadDockableObjectCommand Name="Collapse" ToolTip="Collapse" />
              </Commands>
              <HorizontalGripStyle BorderColor="SpringGreen" BorderWidth="1px" />
              <VerticalGripStyle BorderColor="SpringGreen" BorderWidth="1px" />
            </cc1:RadDockableObject>
          </cc1:RadDockingZone>
        </td>
      </tr>
      <tr>
        <td colspan="2" style="width: 100%; height: 75px">
          <cc1:RadDockingZone ID="zoneBottom" runat="server" Height="100%" Width="100%" BackColor="lightblue"
            Type="Bottom">
          </cc1:RadDockingZone>
        </td>
      </tr>
    </table>
    <cc1:RadDockableObject ID="rdoBottom" runat="server" Height="75px" Text="Title" Width="200px"
      DockingMode="neverdock" Behavior="Pin,Close">
      <ContentTemplate>
        My Content
      </ContentTemplate>
      <Commands>
        <cc1:RadDockableObjectCommand Name="Pin" ToolTip="Pin" />
        <cc1:RadDockableObjectCommand Enabled="False" Name="Unpin" ToolTip="Unpin" />
        <cc1:RadDockableObjectCommand Name="Close" ToolTip="Close" />
        <cc1:RadDockableObjectCommand AutoPostBack="True" Name="Save" ToolTip="Save Layout" Image="save.gif" />
        <cc1:RadDockableObjectCommand AutoPostBack="True" Name="Load" ToolTip="Restore Layout" Image="open.gif" />
      </Commands>
    </cc1:RadDockableObject>
    &nbsp;
  </form>
</body>
</html>
