ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2017 www.aspforums.com. All rights reserved.Display AJAX UpdateProgress with UpdatePanel PostBackTrigger in Master Page in ASP.Net<p>Hi <a class="username" rel="PeteJordan"> PeteJordan</a>,</p> <p>I have created a sample which full fill your requirement</p> <p><span style="text-decoration: underline;">Master.master</span></p> <pre class="brush: html">&lt;%@ Master Language=&#34;C#&#34; AutoEventWireup=&#34;true&#34; CodeFile=&#34;MasterPage.master.cs&#34; Inherits=&#34;MasterPage&#34; %&gt; &lt;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&gt; &lt;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&gt; &lt;head runat=&#34;server&#34;&gt; &lt;title&gt;&lt;/title&gt; &lt;style type=&#34;text/css&#34;&gt; body { margin: 0; padding: 0; font-family: Arial; font-size: 10pt; } .modal { position: fixed; z-index: 999; height: 100%; width: 100%; top: 0; background-color: Black; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.8; } .center { z-index: 1000; margin: 300px auto; padding: 10px; width: 130px; background-color: White; border-radius: 10px; filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; } .center img { height: 128px; width: 128px; } &lt;/style&gt; &lt;asp:ContentPlaceHolder ID=&#34;head&#34; runat=&#34;server&#34;&gt; &lt;/asp:ContentPlaceHolder&gt; &lt;/head&gt; &lt;body&gt; &lt;form id=&#34;form1&#34; runat=&#34;server&#34;&gt; &lt;div&gt; &lt;asp:ContentPlaceHolder ID=&#34;ContentPlaceHolder1&#34; runat=&#34;server&#34;&gt; &lt;/asp:ContentPlaceHolder&gt; &lt;/div&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </pre> <p><span style="text-decoration: underline;">Default.aspx</span></p> <pre class="brush: html">&lt;%@ Page Title=&#34;&#34; Language=&#34;C#&#34; MasterPageFile=&#34;~/MasterPage.master&#34; AutoEventWireup=&#34;true&#34; CodeFile=&#34;Default.aspx.cs&#34; Inherits=&#34;_Default&#34; %&gt; &lt;asp:Content ID=&#34;Content1&#34; ContentPlaceHolderID=&#34;head&#34; runat=&#34;Server&#34;&gt; &lt;/asp:Content&gt; &lt;asp:Content ID=&#34;Content2&#34; ContentPlaceHolderID=&#34;ContentPlaceHolder1&#34; runat=&#34;Server&#34;&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;asp:ScriptManager ID=&#34;ScriptManager1&#34; runat=&#34;server&#34;&gt; &lt;/asp:ScriptManager&gt; &lt;asp:UpdateProgress ID=&#34;UpdateProgress1&#34; runat=&#34;server&#34; AssociatedUpdatePanelID=&#34;UpdatePanel1&#34;&gt; &lt;ProgressTemplate&gt; &lt;div class=&#34;modal&#34;&gt; &lt;div class=&#34;center&#34;&gt; &lt;img alt=&#34;&#34; src=&#34;loader.gif&#34; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/ProgressTemplate&gt; &lt;/asp:UpdateProgress&gt; &lt;asp:UpdatePanel ID=&#34;UpdatePanel1&#34; runat=&#34;server&#34;&gt; &lt;ContentTemplate&gt; &lt;div style=&#34;margin: 20px&#34;&gt; &lt;asp:FileUpload ID=&#34;FileUpload1&#34; runat=&#34;server&#34; /&gt; &lt;asp:RequiredFieldValidator ID=&#34;RequiredFieldValidator1&#34; ErrorMessage=&#34;Required&#34; ControlToValidate=&#34;FileUpload1&#34; runat=&#34;server&#34; ForeColor=&#34;Red&#34;&gt;&lt;/asp:RequiredFieldValidator&gt; &lt;br /&gt; &lt;br /&gt; &lt;asp:Button ID=&#34;btnUpload&#34; Text=&#34;Submit&#34; runat=&#34;server&#34; OnClick=&#34;Upload&#34; /&gt; &lt;/div&gt; &lt;/ContentTemplate&gt; &lt;Triggers&gt; &lt;asp:PostBackTrigger ControlID=&#34;btnUpload&#34; /&gt; &lt;/Triggers&gt; &lt;/asp:UpdatePanel&gt; &lt;script type=&#34;text/javascript&#34;&gt; window.onsubmit = function () { if (Page_IsValid) { var updateProgress = $find(&#34;&lt;%= UpdateProgress1.ClientID %&gt;&#34;); window.setTimeout(function () { updateProgress.set_visible(true); }, 100); } } &lt;/script&gt; &lt;/asp:Content&gt;</pre> <p><span style="text-decoration: underline;">Default.aspx.cs</span></p> <pre class="brush: csharp">protected void Upload(object sender, EventArgs e) { Thread.Sleep(2000); string fileName = System.IO.Path.GetFileName(FileUpload1.FileName); FileUpload1.SaveAs(Server.MapPath(&#34;~/Uploads/&#34;) + fileName); }</pre> <p><span style="text-decoration: underline;">ScreenShot</span></p> <p><img src="http://i988.photobucket.com/albums/af3/mudassarkhan/130728.gif" alt="" width="532" height="558" /></p>http://www.aspforums.net/Threads/130728/Display-AJAX-UpdateProgress-with-UpdatePanel-PostBackTrigger-in-Master-Page-in-ASPNet/http://www.aspforums.net/Threads/130728/Display-AJAX-UpdateProgress-with-UpdatePanel-PostBackTrigger-in-Master-Page-in-ASPNet/Wed, 30 Nov 2016 02:49:53 GMTDisplay AJAX UpdateProgress with UpdatePanel PostBackTrigger in Master Page in ASP.Net<p>I did this yesterday and it didn't work.</p> <p>I don't see anything different here.</p> <p>Doesn't work in Chrome or IE ??</p>http://www.aspforums.net/Threads/130728/Display-AJAX-UpdateProgress-with-UpdatePanel-PostBackTrigger-in-Master-Page-in-ASPNet/http://www.aspforums.net/Threads/130728/Display-AJAX-UpdateProgress-with-UpdatePanel-PostBackTrigger-in-Master-Page-in-ASPNet/Wed, 30 Nov 2016 19:13:36 GMTDisplay AJAX UpdateProgress with UpdatePanel PostBackTrigger in Master Page in ASP.Net<p>Hi <a class="username" rel="PeteJordan">PeteJordan</a>,</p> <p>I have cross checked the code and the solution doesnt support for IE 8 version and for rest it is working fine please cross check your code properly there might be chances that you are missing something and refer the sample which i provided and modify it according to your requirement.</p> <p>Whether you are trying to display loader image on a single button click because the loader image will be visible once hte page is postbacked successfully.</p> <p>&nbsp;</p>http://www.aspforums.net/Threads/130728/Display-AJAX-UpdateProgress-with-UpdatePanel-PostBackTrigger-in-Master-Page-in-ASPNet/http://www.aspforums.net/Threads/130728/Display-AJAX-UpdateProgress-with-UpdatePanel-PostBackTrigger-in-Master-Page-in-ASPNet/Thu, 01 Dec 2016 01:58:34 GMT