ASP.Net Ajax - Making UpdatePanel invisible while loading the gridview inside update panel

This is my first ASP.net Ajax program. I have a gridview inside the UpdatePanel and DropDownList outside. On theSelectedIndexChanged of the dropdown I am loading the Gridview. While the gridview is getting loaded, the UpdateProgress contraol is displayed. My problem, after the gridview is displayed, when I select a different item from dropdown control, the gridview is displayed with the data from the previous select until it gets refreshed with new data. As soon as I change the select from dropdown, I want the gridview within the updatepanel to be invisible, until the data gets loaded. Following is the code snippet:

ProtectedSub ddl_manufacturer_SelectedIndexChanged(ByVal senderAsObject,ByVal eAs System.EventArgs)Handles ddl_manufacturer.SelectedIndexChanged

lbl_ListHeader.Text =

"Manufacturer Price List For " & ddl_manufacturer.SelectedItem.Text

GrdView_manufPriceList.Visible =

False

UpdatePanel1.Visible =

False

LoadManufPriceList()

UpdatePanel1.Visible =

True

GrdView_manufPriceList.Visible =

True

EndSub

Thanks in advance.

bm!an,

I wanted the same effect and used the UpdatePanelAnimationExtender from the AJAX Control Toolkit (http://ajax.asp.net/ajaxtoolkit).

I simply set the OnUpdating animation to FadeOut and the OnUpdated animation to FadeIn. Worked like a charm.

Kalorm,

Thanks a lot. It worked.