Update Panel in ASP.net Loading... Please Wait" Message during the time of the event calling
<asp:UpdateProgress runat="server" ID="updateProgress" AssociatedUpdatePanelID="updPnl">
<ProgressTemplate>
<div id="loadinganimation"
class="ms-dlgOverlay">
<img src="/sites/SP3/_layouts/images/SPS/ajax-loader.gif"
alt="Loading.."
/>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
<asp:UpdatePanel ID="updPnl" runat="server"
UpdateMode="Conditional">
<Triggers>
<asp:AsyncPostBackTrigger
ControlID="ddlOValue"
/>
<asp:AsyncPostBackTrigger
ControlID="ddlBValue"
/>
<asp:AsyncPostBackTrigger
ControlID="ddlPValue"
/>
</Triggers>
<ContentTemplate>
<table>
<tr>
<td class="ms-dlgTitle" align="left" colspan="5" style="margin-left: auto !important;
margin-right: auto !important; text-align: center !important; font-size: medium">
<asp:Label ID="lblHeaderTop" runat="server" Text="Assignment Comments" ForeColor="White"></asp:Label>
<a id="closeDEAX"
onclick='return
DisableDivReAssign();' style="cursor:pointer;float:right;margin-right:8px;text-decoration: none;color:white;">✖</a>
</td>
</tr>
<tr>
<td class="ms-formlabel1"
wrap="nowrap"
colspan="2">
<span style="margin-left: 10px">Assign
To:</span><span style="color: #FF0000">*</span>
</td>
<td align="left"
valign="top">
<asp:DropDownList ID="ddlOut" runat="server"
CssClass="ddlNormal"
onchange="HideUserGrid();">
</asp:DropDownList>
<asp:RequiredFieldValidator
ID="rfvOutcome"
InitialValue="Select"
runat="server"
ErrorMessage="Please
select the position" ControlToValidate="ddlOutcome" ValidationGroup="PopUpSubmit"> </asp:RequiredFieldValidator>
</td>
<td align="left"
valign="top"
class="ms-formbody"
colspan="2">
<SharePoint:PeopleEditor Visible="true"
ID="DelgationApprover"
ShowEntityDisplayTextInTextBox="true"
runat="server"
MultiSelect="False"
Rows="1"
BorderWidth="1px"
BorderColor="LightBlue"
BorderStyle="Solid"
Width="90%"
AutoPostBack="false"
/>
<br />
</td>
</tr>
<tr>
<td class="ms-formlabel1"
width="10%"
colspan="2">
</td>
<td class="ms-formlabel1">
<asp:Label ID="lblOrgText"
runat="server"
Text="Org"></asp:Label><asp:Label ID="lblOrgRequired"
runat="server"
Text="*"
CssClass="lblMandatorySmall"></asp:Label>
</td>
</tr>
<tr>
<td class="ms-formlabel1"
width="10%"
colspan="2">
</td>
<td class="ms-formlabel1"
colspan="3">
<asp:GridView ID="gvFocals"
runat="server"
AutoGenerateColumns="false"
Width="94.2%">
<HeaderStyle CssClass="ms-viewheadertr"
Wrap="false"
/>
<RowStyle CssClass="ms-itemtr"
/>
<Columns>
<asp:TemplateField HeaderStyle-CssClass="ms-vh2"
HeaderText="Focal
Name" ItemStyle-Width="20%">
<ItemTemplate>
<asp:LinkButton ID="lnkFocalMainApprover"
runat="server"
ToolTip="Click to
select." OnClick="lnkFocalMainApprover_click" CommandName='<%#Eval("Focal")%>'><%#Eval("Focal")%></asp:LinkButton>
<%--OnClientClick="CopyToUserPicker(this);--%>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderStyle-CssClass="ms-vh2"
HeaderText="Back
Ups" ItemStyle-Width="20%">
<ItemTemplate>
<asp:LinkButton ID="lnkFocalBackUpApprover" runat="server"
ToolTip="Click to
select." OnClick="lnkFocalMainApprover_click" CommandName='<%#Eval("BackUp")%>'><%#Eval("BackUp")%></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</td>
</tr>
<tr>
<td class="ms-formlabel1"
width="10%"
colspan="2">
<span style="margin-left: 10px">Reason</span>
</td>
<td class="ms-formlabel1"
colspan="3">
<asp:TextBox ID="txtdelegationcomments"
runat="server"
Rows="8"
TextMode="MultiLine"
Width="93.4%"></asp:TextBox>
<br />
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
