asp.net progress loading

Question

I have a page that is taking a couple of seconds to load due to a lot of data being displayed.

How can i make it so that it plays a .gif animation until the data is ready to be displayed in a table instead of not having anything displayed?

How to set the table/content to display only after the loading is complete?

Aghilas Yakoub · Accepted Answer · 2012-06-25 13:50:21Z

7

you can use asp.net ajax control, for example ScriptManager + UpdateProgress + UpdatePanel. Here an example

<form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <asp:UpdateProgress runat="server" id="PageUpdateProgress">
            <ProgressTemplate>
                Loading...
            </ProgressTemplate>
        </asp:UpdateProgress>
        <asp:UpdatePanel runat="server" id="Panel">
            <ContentTemplate>
                <asp:Button runat="server" id="UpdateButton" onclick="UpdateButton_Click" text="Update" />
            </ContentTemplate>
        </asp:UpdatePanel>
    </form>


protected void UpdateButton_Click(object sender, EventArgs e)
{
    System.Threading.Thread.Sleep(5000);
}

answered Jun 25, 2012 at 13:50

Aghilas Yakoub

29k5 gold badges49 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

asp.net progress loading

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related