?
Solved

Implementing UpdateProgress

Posted on 2008-11-04
1
Medium Priority
?
420 Views
Last Modified: 2012-05-05
Hi,

I am using a wizard to enable the user to process credit processing..

at the final step i would like to prevent the user from clicking the finish button more than once..

Further i would like to have a status like "Processing.. please wait" like message displayed..

i have tried this webcontrol in the past./.. but been unsuccessful..

do i need any additional webcontrols to make this work

thanks
0
Comment
Question by:justin_smith
1 Comment
 
LVL 18

Accepted Solution

by:
carlnorrbom earned 2000 total points
ID: 22884299
Hi,

Well, using the UpdateProgress control is trivial, i.e.:

<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="sm1" runat="server">
    </asp:ScriptManager>
    <div>
        <asp:UpdateProgress ID="prgUpdate" AssociatedUpdatePanelID="pnlUpdate" DisplayAfter="250" DynamicLayout="true" runat="server">
            <ProgressTemplate>
                <!--Stuff to show during update goes here-->
            </ProgressTemplate>
        </asp:UpdateProgress>
        <asp:UpdatePanel ID="pnlUpdate" runat="server">
            <ContentTemplate>
                <!--Stuff inside the updatepanel goes here-->
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    </form>
</body>

Disabling the submit button however might require some client side interaction, such as:
    <script language="javascript" type="text/javascript">
        /* function for disabling the submitt button with a delay after click event*/
        function DisableControl(controlId) {
              document.getElementById(controlId).disabled =true;
            }
        function DisableControl_SetTimeout(controlId,interval) {
              setTimeout("DisableControl('" +controlId + "')",interval);
            }
        function btnSubmit_Click(control) {
              DisableControl_SetTimeout(control.id,500);
            }
    </script>

And to use this, set the OnClientClick property of your submit button to point to the javascript function:

btnSubmit.OnClientClick = "btnSubmit_Click(this);"

or add an attribute in code-behind, page_load event such as:

btnSubmit.Attributes.Add("onclick", "btnSubmit_Click(this);")

Hope this helps you solve your problem.

/Carl.

0

Featured Post

How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently used term in Object-Oriented design is "SOLID" which is a mnemonic acronym that covers five principles of OO design.  These principles do not stand alone; there is interplay among them.  And they are not laws, merely princ…
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
This video teaches viewers how to create their own website using cPanel and Wordpress. Tutorial walks users through how to set up their own domain name from tools like Domain Registrar, Hosting Account, and Wordpress. More specifically, the order in…
Learn how to set-up PayPal payment integration in your Wufoo form. Allow your users to remit payment through PayPal upon completion of your online form. This is helpful for collecting membership payments, customer payments, donations, and more.
Suggested Courses

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question