Hi All,
hope doing well,
sir i have to use progress bar with modal popup when page postback. in my application report section is there. it's taking some time to generate the report. so i want to show some progerss image instead of nothing. i used java script and modal popup. here is my code.
<script type="text/javascript">
//
var prm = Sys.WebForms.PageRequestManager.getInstance();
//Raised before processing of an asynchronous postback starts and the postback request is sent to the server.
prm.add_beginRequest(BeginRequestHandler);
// Raised after an asynchronous postback is finished and control has been returned to the browser.
prm.add_endRequest(EndRequestHandler);
function BeginRequestHandler(sender, args) {
//Shows the modal popup - the update progress
var popup = $find('<%= modalPopup.ClientID %>');
if (popup != null) {
popup.show();
}
}
function EndRequestHandler(sender, args) {
//Hide the modal popup - the update progress
var popup = $find('<%= modalPopup.ClientID %>');
if (popup != null) {
popup.hide();
}
}
</script>
<div>
<asp:UpdateProgress ID="UpdateProgress" runat="server">
<ProgressTemplate>
<asp:Image ID="Img" ImageUrl="~/Images/waiting.gif" AlternateText="Processing" runat="server" />
</ProgressTemplate>
</asp:UpdateProgress>
<asp:ModalPopupExtender ID="modalPopup" runat="server" TargetControlID="UpdateProgress"
PopupControlID="UpdateProgress" BackgroundCssClass="modalpopup" />
</div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<Triggers>
<asp:PostBackTrigger ControlID="btnExcel" />
</Triggers>
<ContentTemplate>
<asp:Panel ID="Panel3" runat="server" Width="300px">
<div>
<table style="width:100%; background-color:White;">
<tr>
<td colspan="2" align="center">
<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/SecurAx1.jpg" />
</td>
<td valign="top">
<asp:ImageButton ID="BtnClose" runat="server" ImageUrl="~/images/CrossImage.jpg" />
</td>
</tr>
<tr>
<td colspan="2" align="center">
<asp:Label ID="Label1" runat="server" Text="Export Report" CssClass="printformat"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label2" runat="server" Text=""></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label3" runat="server" Text=""></asp:Label>
</td>
</tr>
<tr>
<td align="center">
<asp:RadioButtonList ID="RadioButtonList1" runat="server" CssClass="textbox150">
<asp:ListItem>Export To Excel</asp:ListItem>
<asp:ListItem>Export To Pdf</asp:ListItem>
</asp:RadioButtonList>
</td>
<td>
<fieldset>
<asp:Button ID="btnExcel" runat="server" Text="Export" CssClass="button_57" OnClientClick="hidePopup();" />
</fieldset>
</td>
</tr>
<tr>
<td align="center">
</td>
<td>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label4" runat="server" Text=""></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label5" runat="server" Text=""></asp:Label>
<asp:Label ID="Label6" runat="server" Text=""></asp:Label>
</td>
</tr>
</table>
</div>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" BehaviorID="Modal1" TargetControlID="BtnShow" PopupControlID="Panel3" BackgroundCssClass="modalpopup" CancelControlID="BtnClose">
</asp:ModalPopupExtender>
but it's not working could you check the code.
plz help me.
it's urgent waiting for reply.
thanks in advance.
