How to change the image of a WebAsyncRefreshPanel's Progress Indicator

Knowledge Base Article: KB010076

HOWTO:How to change the image of a WebAsyncRefreshPanel's Progress Indicator

The information in this article applies to:
WebAsyncRefreshPanel (v6.3.20063, 7.1.20071, 7.2.20072)

Article Created: 
9/24/2007

Last Updated:
9/25/2007

Article Type: 
How To

Page Options

Average Rating:
4 out of 10

---

Rate this page

Print this page

E-mail this page

Add to Favorites

Summary

The WebAsyncRefreshPanel comes with its own animated image for its progress indicator. If you would like to use a different image for the progress indicator, you will need to set this on the client-side.

Step-By-Step Example

To change the WebAsyncRefreshPanel’s Progress Indicator image, you will need to handle the control’s client side InitializePanel event. In this event, you will then need to get a reference to the progress indicator itself using the WebAsyncRefreshPanel’s getProgressIndicator() method. Once you have a reference to the progress indicator, you can use its setImageUrl() method to change the image you want to use.

In JavaScript:

function WebRefreshPanel2_InitializePanel(oPanel)
{
    oPanel.getProgressIndicator().setImageUrl("<name of gif file>");
}

 

Related Articles

 

HOWTO: How to hide the Progress Indicator for the WebAsyncRefreshPanel and WebTab (KB010105)

 

Samples

 

 

warp_progressindicator_cs.zip
 How to change the WARP's Progress Indicator in C#

warp_progressindicator_vb.zip
 How to change the WARP's Progress Indicator in VB.Net