<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MyPortalAjax.aspx.cs" Inherits="MyPortalAjax" %>

<%@ 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 runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <div>
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="ButtonAddDock">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="RadDockLayout1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                    <telerik:AjaxSetting AjaxControlID="RadDockLayout1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="RadDockLayout1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>
            <asp:DropDownList runat="server" ID="DroptDownWidget" Width="150">
                <asp:ListItem Text="ExchangeRates.ascx" Value="~/WebUserControl.ascx" Selected="true"></asp:ListItem>
            </asp:DropDownList>
            <br />
            Select Docking Zone:
            <asp:DropDownList ID="DropDownZone" runat="server" DataSource="<%#GetZones() %>"
                DataTextField="ID" DataValueField="ClientID" Width="150">
            </asp:DropDownList>
            <asp:Button runat="server" CssClass="button" ID="ButtonAddDock" Text="Add Dock" OnClick="ButtonAddDock_Click" />
        </div>
        <br />
        <telerik:RadDockLayout runat="server" ID="RadDockLayout1" OnSaveDockLayout="RadDockLayout1_SaveDockLayout"
            OnLoadDockLayout="RadDockLayout1_LoadDockLayout">
            <telerik:RadDockZone runat="server" ID="RadDockZone1" Width="300" MinHeight="200"
                Style="float: left; margin-right: 15px; background: #f5f4e8;">
            </telerik:RadDockZone>
            <telerik:RadDockZone runat="server" ID="RadDockZone2" Width="300" MinHeight="200"
                Style="background: #d5f0fa; float: left;">
            </telerik:RadDockZone>
        </telerik:RadDockLayout>
        </div>
    </form>
</body>
</html>
