1 <%@ Page Language="C#" MasterPageFile="~/MasterPages/SamplePageWithCode.master" 
 2     AutoEventWireup="true" CodeFile="01_DragOverlayExtender.aspx.cs" 
 3     Inherits="_04_DragOverlay_01_DragOverlayExtender" 
 4     Title="Atlas DragOverlayExtender" %>
 5 <asp:Content ID="Content1" ContentPlaceHolderID="MainContent" Runat="Server">
 6     <div id="WeatherGadgetPanel">
 7         <atlas:DragOverlayExtender ID="dragDrop" runat="server">
 8             <atlas:DragOverlayProperties Enabled="true" TargetControlID="DragHolder" />
 9         </atlas:DragOverlayExtender>
10         <br />
11         Grab anywhere within this little gadget and move it around.<br />
12         &nbsp;<atlas:UpdatePanel ID="WeatherGadget" runat="server" Mode="conditional">
13             <ContentTemplate>
14                 <asp:panel id="DragHolder" runat="server">
15                 <table border="0" cellpadding="2" cellspacing="0" style="border:solid 1px black">
16                     <tr>
17                         <td nowrap align="center">
18                             <asp:Label ID="CityTitle" runat="server"></asp:Label></td>
19                     </tr>
20                     <tr>
21                         <td valign="top">
22                             <table border="0" cellpadding="0" cellspacing="0">
23                                 <tr>
24                                     <td nowrap>
25                                         <asp:Image ID="ImageIcon" Width="128" Height="128" runat="server" /></td>
26                                     <td>
27                                         <asp:Label ID="Temperature" runat="server" CssClass="temp"></asp:Label>&deg;F</td>
28                                 </tr>
29                             </table>
30                         </td>
31                     </tr>
32                     <tr>
33                         <td>
34                             <table border="0" cellpadding="3" cellspacing="0">
35                                 <tr>
36                                     <td nowrap>
37                                         <b>Current Conditions:</b></td>
38                                     <td>
39                                         <asp:Label ID="Conditions" runat="server"></asp:Label></td>
40                                 </tr>
41                                 <tr>
42                                     <td nowrap>
43                                         <b>Feels Like:</b></td>
44                                     <td>
45                                         <asp:Label ID="FeelsLike" runat="server"></asp:Label></td>
46                                 </tr>
47                                 <tr>
48                                     <td nowrap>
49                                         <b>Humidity:</b></td>
50                                     <td>
51                                         <asp:Label ID="Humidity" runat="server"></asp:Label>%</td>
52                                 </tr>
53                                 <tr>
54                                     <td nowrap>
55                                         <b>Updated:</b></td>
56                                     <td>
57                                         <asp:Label ID="LastUpdated" runat="server"></asp:Label></td>
58                                 </tr>
59                             </table>
60                         </td>
61                     </tr>
62                     <tr>
63                         <td style="border-top: solid 1px black; text-align:center; vertical-align:middle" align="center" valign="middle">
64                             <asp:TextBox ID="ZipCode" runat="server"></asp:TextBox>&nbsp;<asp:Button ID="RefreshData" runat="server" Text="Get Weather" OnClick="GetWeather_OnClick" />
65                         </td>
66                     </tr>
67                     <tr>
68                         <td style="border-top: solid 1px black; text-align:center; vertical-align:middle" align="center" valign="middle">
69                             <asp:Image ID="Image1" ImageUrl="~/Images/weather/logos/TWClogo_32px.png" runat="server" />&nbsp;<span style="font-size:x-small">Weather data provided by <a href="http://weather.com">Weather.com</a></span>.
70                         </td>
71                     </tr>
72                 </table>
73                 </asp:panel>
74             </ContentTemplate>
75             <Triggers>
76                 <atlas:ControlEventTrigger ControlID="RefreshData" EventName="Click" />
77             </Triggers>
78         </atlas:UpdatePanel>
79     </div>
80 </asp:Content>