DevPinoy.org
A Filipino Developers Community
   
How To: Build a better ASP.NET AJAX UpdateProgress notification

I've been working on ASP.NET AJAX eversince it's beta days and the UpdateProgress and UpdatePanel has been my bestfriend since day one. I've learned a few tricks while using ASP.NET and today I'd like to share with you several ways to customize the look and feel of you UpdateProgress control with this sample solution. I have created a sample application that would demonstrate different ways to position your UpdateProgress control in the web browser. 

The samples included in the solution is as follows:

  • Sample 1

    The usual ASP.NET AJAX UpdateProgress control usage. This demonstrates the typical use of the UpdateProgress control in an application

  • Sample 2

    An ASP.NET AJAX UpdateProgress control positioned in the top right of the browser. (GMAIL like behavior)

  • Sample 3

    An ASP.NET AJAX UpdateProgress control positioned in the top right of the browser with a transparent gray background. (GMAIL like behavior)

  • Sample 4

    An ASP.NET AJAX UpdateProgress control positioned in the top right of the browser with a transparent gray background and the notification following the scrollbar position (fixed position).

  • Sample 5

    An ASP.NET AJAX UpdateProgress control positioned in the middle of the browser with a transparent gray background.

  • Sample 6

    An ASP.NET AJAX UpdateProgress control positioned in the middle of the browser with a transparent gray background and the notification following the scrollbar position (fixed position).

  • Sample 7

    An ASP.NET AJAX UpdateProgress control that uses the AlwaysVisibleControlExtender trick to place the progress notification at the top right of the browser.

  • Sample 8

    An ASP.NET AJAX UpdateProgress control that uses the AlwaysVisibleControlExtender trick to place the progress notification at the middle of the browser.

 

The project includes all aspx files, images and stylesheets that demonstrates effective UpdateProgress notifications. You can checkout the running sample of this ASP.NET AJAX project at the DevPinoy.org demo site

I hope what I shared with you can be useful in your daily life as a .NET developer. If you are interested you can download the source code for the whole project here: KeithRull.BuildingABetterAJAXLoadingNotification.zip (191.48 KB)


Posted 02-25-2008 4:35 PM by keithrull

Comments

AJAX coding school » Blog Archive » AJAX Demos [2008-02-26 05:44:19] wrote AJAX coding school » Blog Archive » AJAX Demos [2008-02-26 05:44:19]
on 02-25-2008 9:53 PM

Pingback from  AJAX coding school  » Blog Archive   » AJAX Demos [2008-02-26 05:44:19]

cruizer wrote re: How To: Build a better ASP.NET AJAX UpdateProgress notification
on 02-26-2008 1:33 AM

great job once more, keith! Yes

cruizer wrote re: How To: Build a better ASP.NET AJAX UpdateProgress notification
on 02-26-2008 1:36 AM

just noticed though... did you test these on IE6? the IE6 i'm using doesn't seem to support the transparent grey background colour.

IE6 sucks big time! he hehh...

keithrull wrote re: How To: Build a better ASP.NET AJAX UpdateProgress notification
on 02-26-2008 8:36 AM

Hahaha, I wasn't able to test it in IE6 pre. It works on both IE7 and Firefox though.. I'll look at it and rollout a new version that supports IE6.

Thanks!

willydavidjr wrote re: How To: Build a better ASP.NET AJAX UpdateProgress notification
on 02-29-2008 2:54 AM

I liked Sample3 which disables all controls on the page which typically I need on my development environment. Thanks sir Keith!

Michael Fouquette wrote re: How To: Build a better ASP.NET AJAX UpdateProgress notification
on 03-22-2008 10:58 PM

Yup,

I am running into trouble with this and another version on IE frreaking 6. Hate it! Let us know if you find the solution.

Samir Shah wrote re: How To: Build a better ASP.NET AJAX UpdateProgress notification
on 07-18-2008 3:10 AM

great work many thanks..

rassimoı wrote re: How To: Build a better ASP.NET AJAX UpdateProgress notification
on 09-02-2008 6:20 AM

marmaris, istanbul otel, istanbul hotel, butik otel, marmaris hotel, fethiye hotel, sultanahmet hotel, hotels alanya, book hotel, cappadocia hotels, taksim hotels, accommodation istanbul, hotels kalkan, estambul hotel, divas hotel istanbul, estambul hoteles

Inam Jameel wrote re: How To: Build a better ASP.NET AJAX UpdateProgress notification
on 09-26-2008 3:12 AM

Thanks for this Keith.

i want to show progress indicator in the middle of the Panel which caused ASync postback.

i want a server side solution for this. kindly Assist me.


Copyright DevPinoy 2005-2008