CODEWITHSUNDEEP
asp.netc#-4.0
Perk
Perk

Reputation: 31

how to write code for 'Loading...Please wait' in asp.net

I am working on a project related to database. On clicking the button, the code for data extraction gets executed..I wish to display 'Loading...Please Wait' till application do not display output on web page...so,how to do it in asp.net?

Upvotes: 0

Views: 1829

Answers (4)

R B
R B

Reputation: 423

You can use RadAjaxLoadingPanel. 

<telerik:RadAjaxLoadingPanel MinDisplayTime="1000" ID="RadAjaxLoadingPanel1" runat="server" Style="position: absolute; top: 200px; left: 600px;"
            IsSticky="True">
            <div class="overlay" id="divProgress" style="position: absolute; visibility: visible; vertical-align: middle; border-style: inset; border-color: black; background-color: White; width: 200px; height: 100px; font-size: medium;">
                <center>
                <div style="margin-top: 30px;">
                    <asp:Image GenerateEmptyAlternateText="true" ID="imgLoader" runat="server" ImageUrl="~/images/ajax_loading.gif"
                        Style="margin-top: 7px;" />  
                    <asp:Label ID="lblWait" runat="server" Text="Please wait..."></asp:Label>
                </div>
            </center>
            </div>
        </telerik:RadAjaxLoadingPanel>

Upvotes: 1

Satti
Satti

Reputation: 559

You can Use AjaxLoadingPanel in Telerik By this You can Get Very Rich UI

Edited

go for Jquery Loading

for Simple Code go to w3schools LINK

Upvotes: 0

Royi Namir
Royi Namir

Reputation: 148574

please don't use updatepanel / nor include other libraries just for this simple task :

You can use ajax. ( js/jq)

when you submit ( not postback of course....) , you show a div which has a gif or something " please wait while loading ...."

When the callback of the ajax response is back : you simply hide this div

that's all.

clean and simple .

Upvotes: 2

Ali Baghdadi
Ali Baghdadi

Reputation: 648

you can use asp.net ajax to solve this, using an updatepanel and updateprogress, refer to this article for more details: http://msdn.microsoft.com/en-us/library/vstudio/bb386421(v=vs.100).aspx

Upvotes: 1

Related Questions