[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 556
  • Last Modified:

Updateprogress

When I do this like below, my progress control displays on the top. How can I put indicator in the middle of the panel after a
user click Submit in Updatepanel? I want to prevent a user from clicking Submit button again.




<asp:UpdateProgress ID="progress1" runat="server">
        <ProgressTemplate>
       
            <div class="progress">
                <img src="indicator.gif" />
                Please Wait...
            </div>
       
        </ProgressTemplate>
    </asp:UpdateProgress>
<asp:Updatepanel id...
      textboxes
      button submit
      ...
</asp:UpdatePanel>
0
VBdotnet2005
Asked:
VBdotnet2005
1 Solution
 
Roopesh ReddyCommented:
Hi,

Check the below article, which explains the same!

https://sites.google.com/site/gdkralev/prevent-user-from-clicking-twice-at-a-button-with-asp-net-ajax

Hope it helps u...
0
 
rajeeshmcaCommented:
Hi,

Try setting the Image to the Middle as like the below code

<asp:UpdateProgress id="updateProgress" runat="server">
     <ProgressTemplate>
            <div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
                    <asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="~/images/ajax-loader.gif" AlternateText="Loading ..." ToolTip="Loading ..." style="padding: 10px;position:fixed;top:45%;left:50%;" />
            </div>
     </ProgressTemplate>
</asp:UpdateProgress>

Open in new window


Regards
Rajeesh
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now