locked
Update progress not working RRS feed

  • Question

  • User-712926555 posted

    Hi, please check my code. Update progress not working. Is there any mistake in this?

    <asp:ScriptManager ID="ScriptManager1" runat="server" />
                          
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
             <asp:UpdateProgress ID="UpdateProgress2" runat="server">
                    <ProgressTemplate>
                        <div style="" class="">
                            <b>Please Wait...</b>
                            <img runat="server" id="ajaxLoader" src="~/Images/loading.gif" alt="loading" />
                        </div>
                    </ProgressTemplate>
                </asp:UpdateProgress>
                <div style="margin: 10px;">
                    <asp:Label ID="lblStatus" runat="server" Text="" ForeColor="Red" Font-Bold="true"></asp:Label>
                     //My form Here
                    <asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" />
                 </div>
                                
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="btnSave" />
                <asp:AsyncPostBackTrigger ControlID="lnkAdd" />
                <asp:AsyncPostBackTrigger ControlID="lnkBalanceAmount" />
                <asp:AsyncPostBackTrigger ControlID="lnkHistory" />
                <asp:AsyncPostBackTrigger ControlID="lnkcompleted" />
            </Triggers>
        </asp:UpdatePanel>


    Tuesday, November 26, 2013 6:51 AM

Answers

  • User-80694925 posted

    I have edited your code .. and have added AssociatedUpdatePanelID .. use like this it will work 

    <asp:ScriptManager ID="ScriptManager1" runat="server" />
                          
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <div style="margin: 10px;">
                    <asp:Label ID="lblStatus" runat="server" Text="" ForeColor="Red" Font-Bold="true"></asp:Label>
                     //My form Here
                    <asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" />
                 </div>   
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="btnSave" />
                <asp:AsyncPostBackTrigger ControlID="lnkAdd" />
                <asp:AsyncPostBackTrigger ControlID="lnkBalanceAmount" />
                <asp:AsyncPostBackTrigger ControlID="lnkHistory" />
                <asp:AsyncPostBackTrigger ControlID="lnkcompleted" />
            </Triggers>
        </asp:UpdatePanel>
    <asp:UpdateProgress ID="UpdateProgress2" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
                    <ProgressTemplate>
                        <div style="" class="">
                            <b>Please Wait...</b>
                            <img runat="server" id="ajaxLoader" src="~/Images/loading.gif" alt="loading" />
                        </div>
                    </ProgressTemplate>
                </asp:UpdateProgress>



    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Tuesday, November 26, 2013 7:58 AM
  • User555306248 posted

    When you use triggers, UpdateProgress controls no longer work "automatically".  You have to show and hide them manually.

    http://vincexu.blogspot.in/2009/08/updateprogress-is-not-working-with.html

    See the "How to work UpdateProgress control and UpdatePanel with Triggers" section of this article to see how to do it:

    http://www.codeproject.com/KB/ajax/UpdateProgress.aspx

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Tuesday, November 26, 2013 10:55 PM

All replies

  • User-80694925 posted

    I have edited your code .. and have added AssociatedUpdatePanelID .. use like this it will work 

    <asp:ScriptManager ID="ScriptManager1" runat="server" />
                          
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <div style="margin: 10px;">
                    <asp:Label ID="lblStatus" runat="server" Text="" ForeColor="Red" Font-Bold="true"></asp:Label>
                     //My form Here
                    <asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" />
                 </div>   
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="btnSave" />
                <asp:AsyncPostBackTrigger ControlID="lnkAdd" />
                <asp:AsyncPostBackTrigger ControlID="lnkBalanceAmount" />
                <asp:AsyncPostBackTrigger ControlID="lnkHistory" />
                <asp:AsyncPostBackTrigger ControlID="lnkcompleted" />
            </Triggers>
        </asp:UpdatePanel>
    <asp:UpdateProgress ID="UpdateProgress2" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
                    <ProgressTemplate>
                        <div style="" class="">
                            <b>Please Wait...</b>
                            <img runat="server" id="ajaxLoader" src="~/Images/loading.gif" alt="loading" />
                        </div>
                    </ProgressTemplate>
                </asp:UpdateProgress>



    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Tuesday, November 26, 2013 7:58 AM
  • User555306248 posted

    When you use triggers, UpdateProgress controls no longer work "automatically".  You have to show and hide them manually.

    http://vincexu.blogspot.in/2009/08/updateprogress-is-not-working-with.html

    See the "How to work UpdateProgress control and UpdatePanel with Triggers" section of this article to see how to do it:

    http://www.codeproject.com/KB/ajax/UpdateProgress.aspx

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Tuesday, November 26, 2013 10:55 PM