Create UpdatePanel Postback waiting message in Asp.net

Below i show you how to give waiting message during the postback of updatepanel in asp.net
I used “BackGroudWaiting” CSS class as background style.

Background style CSS
.BackGroudWaiting
{
position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity:0.8;
}

Using .gif Image as waiting message

 

 8

and also we can use customly created div as waiting msg, below is the example with CSS.

9

Message CSS Styles
.WaitingMessageStyle {
position: fixed;
padding: 50px;
background-color: #050404;
font-size: 36px;
left: 30%;
top: 45%;
color: #FFF;
border-style: groove;
border-width: 1px;
border-color: #5A5A55;
}

Hope you learned something throw this post,
Thanks,
Udara Eshan

Advertisements

Author: eshan1604

Hi Guys, I'm Udara Eshan Ariyarathne from Sri Lanka. Currently i'm working as a Software Engineer (Microsoft Technologies). I'm sharing some IT related articles such as Development ,Configuration and Designing things what i have learn from day to day works. Hope it useful all of us. "Enjoying IT" Thanks & Regards, Udara Eshan Ariyarthne

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s