I have a content page FollowUpLetterPostingDetails.aspx belonging to a master page. The most processing of this page is running inside the Page_Load event. I added UpdateProgress control to show a waiting image while the PageLoad event is processing , but it is not working. How to make the PageLoad event part of the UpdatePanel ?
The page ASPX code is as below:
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"><style type="text/css">
#overlay
{
position: fixed;
z-index: 99;
top: 0px;
left: 0px;
background-color: #f8f8f8;
width: 100%;
height: 100%;
filter: Alpha(Opacity=90);
opacity: 0.9;
-moz-opacity: 0.9;
}
#theprogress
{
background-color: #fff;
border:1px none #ccc;
padding:10px;
width: 300px;
height: 30px;
line-height:30px;
text-align: center;
filter: Alpha(Opacity=100);
opacity: 1;
-moz-opacity: 1;
}
#modalprogress
{
position: absolute;
top: 40%;
left: 50%;
margin: -11px 0 0 -150px;
color: #990000;
font-weight:bold;
font-size:28px;
font-family:SC_AMEEN;
}
</style></asp:Content><asp:Content ID="Content2" ContentPlaceHolderID="CpMainContent" Runat="Server"><asp:scriptmanager ID="ScriptManager1" runat="server" /><asp:updatepanel ID="UpdatePanel1" runat="server"><ContentTemplate><div id="MainPostInfo" runat="server" class="MainPostInfoDivStyle" ><table id="HeaderInfo" runat="server" width="85%" class="UpperMargin"><tr><td class="auto-style3" ></td><td ></td></tr><tr><td style="text-align: right" class="auto-style1" > </td><td align="left" class="auto-style3"><asp:textbox ID="MainRefNoTextbox" runat="server" Height="35px"
style="font-family: 'Sakkal Majalla'; font-size: 30px; text-align: right; margin-top: 0px; border-style:solid; border-color:Black; margin-left: 100px;"
Width="500px"></asp:textbox></td><td align="right" class="CellStyle"><asp:Label ID="PersonalNameLabel" runat="server" Text="مرجع الرسالة"
BorderStyle="None" BorderWidth="0px" ForeColor="Black" Height="35px"
style="font-size: 24px; margin-right:5px; font-family: 'Sakkal Majalla'; text-align: right;"
BorderColor="Black" Width="110px" ></asp:Label></td></tr><tr><td style="text-align: right" class="auto-style1"> </td><td align="left" class="auto-style3"><asp:textbox ID="MainSubjectTxtBox" runat="server" Height="35px"
style="font-family: 'sakkal Majalla'; font-size: 22px; text-align: right; margin-top: 0px; border-style:solid; border-color:Black; margin-left: 100px;"
Width="500px"></asp:textbox></td><td align="right" class="CellStyle" ><asp:Label ID="UserNameLabel" runat="server" Text="الموضــــــوع"
BorderStyle="None" BorderWidth="0px" ForeColor="Black" Height="35px"
style="font-size: 24px; margin-right:5px; font-family: 'Sakkal Majalla'; text-align: center;" ></asp:Label></td></tr><tr><td style="text-align: right" class="auto-style1"> </td><td align="left" class="auto-style3"><asp:textbox ID="MainSourceTextBox" runat="server" Height="35px"
style="font-family: 'sakkal Majalla'; font-size: 22px; text-align: right; margin-top: 0px; border-style:solid; border-color:Black; margin-left: 99px;"
Width="500px"></asp:textbox></td><td align="right" class="CellStyle" ><asp:Label ID="Label1" runat="server" Text="مــــــــــــن"
BorderStyle="None" BorderWidth="0px" ForeColor="Black" Height="35px"
style="font-size: 24px; margin-right:5px; font-family: 'Sakkal Majalla'; text-align: center;" ></asp:Label></td></tr><tr><td style="text-align: right" class="auto-style1"> </td><td align="left" class="auto-style3"><asp:textbox ID="MainTargetTextBox" runat="server" Height="35px"
style="font-family: 'sakkal Majalla'; font-size: 22px; text-align: right; margin-top: 0px; border-style:solid; border-color:Black; margin-left: 99px;"
Width="500px"></asp:textbox></td><td align="right" class="CellStyle" ><asp:Label ID="Label2" runat="server" Text="إلـــــــى"
BorderStyle="None" BorderWidth="0px" ForeColor="Black" Height="35px"
style="font-size: 24px; margin-right:5px; font-family: 'Sakkal Majalla'; text-align: center;" ></asp:Label></td></tr><tr><td style="text-align: right" class="auto-style1"> </td><td align="left" class="auto-style3"><asp:textbox ID="MainProcessingStatusTextBox" runat="server" Height="35px"
style="font-family: 'sakkal Majalla'; font-size: 22px; text-align: right; margin-top: 0px; border-style:solid; border-color:Black; margin-left: 100px;"
Width="500px"></asp:textbox></td><td align="right" class="CellStyle" ><asp:Label ID="Label3" runat="server" Text="الحالة"
BorderStyle="None" BorderWidth="0px" ForeColor="Black" Height="35px"
style="font-size: 24px; margin-right:5px; font-family: 'Sakkal Majalla'; text-align: center;" ></asp:Label></td></tr><tr><td style="text-align: right" ></td><td class="auto-style3" ></td><td ></td></tr></table> </div> <div id="LetterPostingsDetails" runat="server" class="LetterPostingsStyle"
style="overflow:auto; width:98%; margin-top: 30px;"><asp:GridView ID="GridView2" runat="server" CssClass="Grid" CellPadding="4"
ForeColor="#333333" GridLines="Vertical" BackColor="#99CCFF" BorderStyle="Solid"
AutoGenerateColumns="False" DataSourceID="SDS4" EmptyDataText="لا توجد أي سجلات"
AllowSorting="True" ><Columns><asp:TemplateField HeaderText="الرابط"><HeaderStyle Height="20px" /> <ItemTemplate><asp:HyperLink ID="AttachmentLink" runat="server"
Target="_blank" CssClass="HyperLinkStyle"></asp:HyperLink></ItemTemplate><ItemStyle BorderWidth="1px" Width="5%" HorizontalAlign="Center" /></asp:TemplateField><asp:TemplateField HeaderText="الأهمية"><ItemTemplate><asp:Image ID="ImportanceLevel" runat="server" ImageUrl='<%# imageUrl(Eval("Importance")) %>' CssClass="ImageFieldStyle" /> </ItemTemplate><ItemStyle BorderWidth="1px" Width="2%" HorizontalAlign="Center" /></asp:TemplateField><asp:TemplateField HeaderText="المهلة" ><ItemTemplate><asp:Label ID="ReqAnsPed" runat="server" text='<%# Eval("RequiredAnsPeriod") %>' CssClass="RAPFieldStyle" /> </ItemTemplate><ItemStyle BorderWidth="1px" Width="2%" HorizontalAlign="center" Font-Size="20px" /></asp:TemplateField><asp:TemplateField HeaderText="النوع" SortExpression="PostType"><ItemTemplate><asp:Label ID="PostTypeField" runat="server" CssClass="PostTypeFieldStyle" /> </ItemTemplate><ItemStyle BorderWidth="1px" Width="2%" HorizontalAlign="Center" /></asp:TemplateField> <asp:TemplateField HeaderText="التاريخ"><ItemTemplate><asp:Label ID="ShownDate" runat="server" CssClass="DateFieldStyle" /> </ItemTemplate><ItemStyle BorderWidth="1px" Width="5%" HorizontalAlign="right" /></asp:TemplateField><asp:TemplateField HeaderText="إلى" SortExpression="TargetName"><ItemTemplate><asp:Label ID="TargetField" runat="server" text='<%# Eval("TargetName") %>' CssClass="TargetFieldStyle" /> </ItemTemplate><ItemStyle BorderWidth="1px" Width="18%" HorizontalAlign="right" /></asp:TemplateField><asp:TemplateField HeaderText="من" SortExpression="SourceName"><ItemTemplate><asp:Label ID="SourceField" runat="server" text='<%# Eval("SourceName") %>' CssClass="SourceFieldStyle" /> </ItemTemplate><ItemStyle BorderWidth="1px" Width="18%" HorizontalAlign="right" /></asp:TemplateField><asp:TemplateField HeaderText="المراسلة"><ItemTemplate><asp:HyperLink ID="HyperLink1" runat="server"
Target="_blank" ></asp:HyperLink></ItemTemplate><ItemStyle BorderWidth="1px" Width="5%" /><HeaderStyle HorizontalAlign="Center" /> </asp:TemplateField><asp:TemplateField><HeaderStyle Height="20px" /> <ItemTemplate><asp:RadioButton ID="GridView2_RadioButton" runat="server" AutoPostBack="True" GroupName="RadioGroup" OnCheckedChanged="GridView2_RadioButton_CheckedChanged" /></ItemTemplate> <ItemStyle BorderWidth="1px" Width="2%" /> </asp:TemplateField><asp:BoundField DataField="Attachments" Visible="false"
SortExpression="Attachments" ></asp:BoundField><asp:BoundField DataField="Importance" Visible="false"
SortExpression="Importance" ></asp:BoundField><asp:TemplateField Visible="false" ><ItemTemplate><asp:Label ID="SourceIndx" runat="server" text='<%# Eval("Source") %>' Visible="false" /> </ItemTemplate></asp:TemplateField><asp:TemplateField Visible="false" ><ItemTemplate><asp:Label ID="TargetIndx" runat="server" text='<%# Eval("Target") %>' Visible="false" /> </ItemTemplate></asp:TemplateField><asp:TemplateField Visible="false" ><ItemTemplate><asp:Label ID="RelatedLetter" runat="server" text='<%# Eval("ActionAgainstLetter")%>' Visible="false" /> </ItemTemplate></asp:TemplateField></Columns><EditRowStyle BackColor="#999999" /><FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /><HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /><PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" /><RowStyle BackColor="#F7F6F3" ForeColor="#333333" /><SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" /><SortedAscendingCellStyle BackColor="#E9E7E2" /><SortedAscendingHeaderStyle BackColor="#506C8C" /><SortedDescendingCellStyle BackColor="#FFFDF8" /><SortedDescendingHeaderStyle BackColor="#6F8DAE" /><EmptyDataTemplate><div class="EmptyDataRowStyle">لا توجد أي سجلات
</div> </EmptyDataTemplate></asp:GridView><table id="ClosingTable" runat="server"><tr><td style="text-align: left;" class="auto-style9"><asp:ImageButton ID="PrintPreviewButton" runat="server" Height="40px" ImageUrl="~/Images/PrintPreview.png" Width="50px" CssClass="ImgBtnStyle" /></td><td width="98%" style="text-align: left"><asp:Button ID="DeleteSelectedPost" runat="server" BackColor="#6262FF" BorderColor="Black"
BorderStyle="Solid" BorderWidth="1px" ForeColor="#C5C5C5" Height="39px"
style="text-align: center; font-size: 30px; margin-bottom:15px; margin-right:20px; font-family: sc_AMEEN; margin-top: 15px; margin-left: 162px;"
Text="حذف المراسلة" Width="120px" onMouseOver="this.className='Buttonhover'" onMouseOut="this.className='Buttonout'" /><asp:Button ID="CloseWindow" runat="server" BackColor="#6262FF" BorderColor="Black"
BorderStyle="Solid" BorderWidth="1px" ForeColor="White" Height="39px"
style="text-align: center; font-size: 30px; margin-bottom:15px; font-family: sc_AMEEN; margin-top: 15px; margin-left: 16px;"
Text="إغلاق" Width="120px" onMouseOver="this.className='Buttonhover'" onMouseOut="this.className='Buttonout'"/></td> </tr></table><!-- Addition GV --------------------------------------------------------------------><asp:GridView ID="PostingsTemp_WorkingAlisa_GV" Visible="false" runat="server" CssClass="Grid" CellPadding="4" ForeColor="#333333" GridLines="Vertical" BackColor="#99CCFF" BorderStyle="Solid" AutoGenerateColumns="False" DataSourceID="SDS5" EmptyDataText="لا توجد أي سجلات" Height="100px" ><Columns><asp:TemplateField HeaderText="المرجع" ><ItemTemplate><asp:Label ID="RefNo" runat="server" text='<%# Eval("RefNo") %>' CssClass="SubjectFieldStyle" /> </ItemTemplate><ItemStyle BorderWidth="1px" Width="15%" HorizontalAlign="right" /></asp:TemplateField> <asp:TemplateField HeaderText="الأهمية"><ItemTemplate><asp:Image ID="ImportanceLevel" runat="server" ImageUrl='<%# imageUrl(Eval("Importance")) %>' CssClass="ImageFieldStyle" /> </ItemTemplate><ItemStyle BorderWidth="1px" Width="3%" HorizontalAlign="Center" /></asp:TemplateField><asp:TemplateField HeaderText="مهلة الرد" ><ItemTemplate><asp:Label ID="ReqAnsPed" runat="server" text='<%# Eval("RequiredAnsPeriod") %>' CssClass="RAPFieldStyle" /> </ItemTemplate><ItemStyle BorderWidth="1px" Width="5%" HorizontalAlign="center" Font-Size="20px" /></asp:TemplateField><asp:TemplateField HeaderText="الوقت والتاريخ"><ItemTemplate><asp:Label ID="FullShownDate" runat="server" text='<%# Eval("PostTime") %>' CssClass="DateFieldStyle" /> </ItemTemplate><ItemStyle BorderWidth="1px" Width="5%" HorizontalAlign="right" /></asp:TemplateField><asp:TemplateField HeaderText="الموضوع"><ItemTemplate><asp:Label ID="SubjectField" runat="server" text='<%# Eval("Subject") %>' CssClass="SubjectFieldStyle" /> </ItemTemplate><ItemStyle BorderWidth="1px" Width="15%" HorizontalAlign="right" /></asp:TemplateField> <asp:TemplateField HeaderText="النوع" ><ItemTemplate><asp:Label ID="PostType" runat="server" text='<%# Eval("PostType") %>' CssClass="SubjectFieldStyle" /> </ItemTemplate><ItemStyle BorderWidth="1px" Width="15%" HorizontalAlign="right" /></asp:TemplateField> <asp:TemplateField HeaderText="UN"><ItemTemplate><asp:Label ID="UNField" runat="server" text='<%# Eval("LoadedByUserName") %>' CssClass="SubjectFieldStyle" /> </ItemTemplate><ItemStyle BorderWidth="1px" Width="15%" HorizontalAlign="right" /></asp:TemplateField> <asp:TemplateField HeaderText="إلى"><ItemTemplate><asp:Label ID="TargetField" runat="server" text='<%# Eval("TargetName") %>' CssClass="TargetFieldStyle" /> </ItemTemplate><ItemStyle BorderWidth="1px" Width="15%" HorizontalAlign="right" /></asp:TemplateField><asp:TemplateField HeaderText="من"><ItemTemplate><asp:Label ID="SourceField" runat="server" text='<%# Eval("SourceName") %>' CssClass="SourceFieldStyle" /> </ItemTemplate><ItemStyle BorderWidth="1px" Width="15%" HorizontalAlign="right" /></asp:TemplateField><asp:TemplateField HeaderText="المراسلة"><ItemTemplate><asp:HyperLink ID="LetterID" runat="server"
Text='<%# Eval("LetterID") %>'></asp:HyperLink></ItemTemplate><ItemStyle BorderWidth="1px" Width="5%" /><HeaderStyle HorizontalAlign="Center" /> </asp:TemplateField><asp:BoundField DataField="Importance" Visible="false"
SortExpression="Importance" ></asp:BoundField><asp:TemplateField Visible="false" ><ItemTemplate><asp:Label ID="SourceIndx" runat="server" text='<%# Eval("Source") %>' Visible="false" /> </ItemTemplate></asp:TemplateField><asp:TemplateField Visible="false" ><ItemTemplate><asp:Label ID="TargetIndx" runat="server" text='<%# Eval("Target") %>' Visible="false" /> </ItemTemplate></asp:TemplateField></Columns><EditRowStyle BackColor="#999999" /><FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /><HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /><PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" /><RowStyle BackColor="#F7F6F3" ForeColor="#333333" /><SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" /><SortedAscendingCellStyle BackColor="#E9E7E2" /><SortedAscendingHeaderStyle BackColor="#506C8C" /><SortedDescendingCellStyle BackColor="#FFFDF8" /><SortedDescendingHeaderStyle BackColor="#6F8DAE" /><EmptyDataTemplate><div class="EmptyDataRowStyle">لا توجد أي سجلات
</div> </EmptyDataTemplate></asp:GridView><%--Check Where Letter Stopping--%><asp:GridView ID="LetterStoppingGV" Visible="False" runat="server" CssClass="Grid" CellPadding="4" ForeColor="#333333" GridLines="Vertical" BackColor="#99CCFF" BorderStyle="Solid" AutoGenerateColumns="False" DataSourceID="SDS6" EmptyDataText="لا توجد أي سجلات" Height="50px" ><Columns><asp:TemplateField><ItemTemplate><asp:Label ID="RefNoLS" runat="server" text='<%# Eval("RefNo") %>' /> </ItemTemplate><ItemStyle BorderWidth="1px" HorizontalAlign="right" /></asp:TemplateField> <asp:TemplateField><ItemTemplate><asp:Label ID="LetterIDLS" runat="server" text='<%# Eval("LetterID") %>' /> </ItemTemplate><ItemStyle BorderWidth="1px" HorizontalAlign="right" /></asp:TemplateField> <asp:TemplateField Visible="false" ><ItemTemplate><asp:Label ID="SourceLS" runat="server" text='<%# Eval("Source") %>' Visible="false" /> </ItemTemplate></asp:TemplateField><asp:TemplateField Visible="false" ><ItemTemplate><asp:Label ID="TargetLS" runat="server" text='<%# Eval("Target") %>' Visible="false" /> </ItemTemplate></asp:TemplateField><asp:TemplateField><asp:UpdateProgress ID="prgLoadingStatus" runat="server" DynamicLayout="true" ><ProgressTemplate><div id="overlay"><div id="modalprogress"><div id="theprogress"><asp:Image ID="imgWaitIcon" runat="server" ImageAlign="AbsMiddle" ImageUrl="~/images/WaitingImage.gif" Height="100px" Width="100px" /><br />الرجاء الانتظار
</div></div></div></ProgressTemplate></asp:UpdateProgress><ItemTemplate><asp:Label ID="PostTimeLS" runat="server" text='<%# Eval("PostTime") %>' /> </ItemTemplate><ItemStyle BorderWidth="1px" HorizontalAlign="right" /></asp:TemplateField><asp:TemplateField><ItemTemplate><asp:Label ID="PostTypeLS" runat="server" text='<%# Eval("PostType") %>' /> </ItemTemplate><ItemStyle BorderWidth="1px" HorizontalAlign="right" /></asp:TemplateField> <asp:TemplateField><ItemTemplate><asp:Label ID="SubjectLS" runat="server" text='<%# Eval("Subject") %>' /> </ItemTemplate><ItemStyle BorderWidth="1px" HorizontalAlign="right" /></asp:TemplateField> <asp:TemplateField><ItemTemplate><asp:Label ID="AALLS" runat="server" text='<%# Eval("ActionAgainstLetter")%>' /> </ItemTemplate><ItemStyle BorderWidth="1px" HorizontalAlign="right" /></asp:TemplateField> <asp:TemplateField HeaderText="UN"><ItemTemplate><asp:Label ID="UNLS" runat="server" text='<%# Eval("LoadedByUserName") %>' CssClass="SubjectFieldStyle" /> </ItemTemplate><ItemStyle BorderWidth="1px" Width="15%" HorizontalAlign="right" /></asp:TemplateField> </Columns><EditRowStyle BackColor="#999999" /><FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /><HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /><PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" /><RowStyle BackColor="#F7F6F3" ForeColor="#333333" /><SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" /><SortedAscendingCellStyle BackColor="#E9E7E2" /><SortedAscendingHeaderStyle BackColor="#506C8C" /><SortedDescendingCellStyle BackColor="#FFFDF8" /><SortedDescendingHeaderStyle BackColor="#6F8DAE" /><EmptyDataTemplate><div class="EmptyDataRowStyle">لا توجد أي سجلات
</div> </EmptyDataTemplate></asp:GridView></div></ContentTemplate> </asp:updatepanel><asp:UpdateProgress ID="prgLoadingStatus" runat="server" DynamicLayout="true" >
<ProgressTemplate>
<div id="overlay">
<div id="modalprogress">
<div id="theprogress">
<asp:Image ID="imgWaitIcon" runat="server" ImageAlign="AbsMiddle" ImageUrl="~/images/WaitingImage.gif" Height="100px" Width="100px" />
<br />
الرجاء الانتظار
</div>
</div>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</asp:Content>So, What is the solution?