1 <%@ Page Language="C#" MasterPageFile="~/MasterPages/SamplePageWithCode.master" 2 AutoEventWireup="true" 3 CodeFile="03_CoverOverlay.aspx.cs" Inherits="_03_UpdateProgress_03_CoverOverlay" 4 Title="UpdateProgress 03: Overlay Sample" %> 5 6 <asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="Server"> 7 <atlas:UpdatePanel ID="upanel" runat="server"> 8 <ContentTemplate> 9 <div style="background-color: white; position: absolute; left: 441px; top: 200px; 10 width: 300px; height: 150px"> 11 This is an area 12 <br /> 13 where some text is 14 <br /> 15 and will be updated. 16 <br /> 17 <asp:Label Font-Bold="true" Font-Size="XX-Large" ID="thelabel" runat="server">I will be updated</asp:Label> 18 </div> 19 </ContentTemplate> 20 <Triggers> 21 <atlas:ControlEventTrigger ControlID="button1" EventName="Click" /> 22 </Triggers> 23 </atlas:UpdatePanel> 24 <atlas:UpdateProgress ID="uprog" runat="server"> 25 <ProgressTemplate> 26 <div style="background-color: red; color: White; position: absolute; left: 441px; 27 top: 200px; width: 300px; height: 150px"> 28 leave me alone, can't you see i'm busy updating the text 29 <p></p> 30 <img src="/images/loading.gif" /> 31 </div> 32 </ProgressTemplate> 33 </atlas:UpdateProgress> 34 <asp:Button ID="button1" Text="click me! click me!" runat="server" OnClick="button1_Click" /><br /> 35 We implement whatever template you have. This is absolute positioning showing 36 the control being hidden when an UpdateProgress is occurring. 37 </asp:Content> 38