Menu

Want to work with us? We're on the lookout for digital experts.

We're hiring

Update Panel with Update Progress

Web Bureau


08 May 2012 by Web Bureau

This is a simple example of showing a loading image while an update panel is waiting to load.

Go to this site and generate a loading image : Ajax Image Generator

Then add an update progress control to your page where the update control is and set the AssociatedUpdatePanelID to that of your update panel.

Inside the update progress add the progress template and then insert the image that you generated at the previous site.

Below is a example of this:

<asp:UpdatePanel ID="up_controls" runat="server">

            <ContentTemplate>

                <asp:PlaceHolder ID="ph_controls" runat="server"></asp:PlaceHolder> 

            </ContentTemplate>

        </asp:UpdatePanel>

        <asp:UpdateProgress AssociatedUpdatePanelID="up_controls" ID="up_progress" runat="server">

            <ProgressTemplate>

                <div class="form-content">

                    <p>

                        <img src="images/ajax-loader.gif" alt="Loading" />

                    </p>

                </div>

            </ProgressTemplate>

        </asp:UpdateProgress>

Grow your businessStart a project with us today.

This site uses essential cookies for parts of the site to operate and have already been set. Find out more about how we use cookies and how you may delete them. You may delete cookies, but parts of the site will not work.