Question

I have a number of asp.net AJAX update panels on a page, that can be refreshed independantley. I would like it so that when the refresh button is used, the content in the panel is hidden, and only the loading image is displayed while data is fetched (it takes 5-10 seconds for data to come back from the server). What is the best way to achieve this?

Answer 1

You can use JavaScript to hide/show the panel on the begin and end functions of the RequestHandler:

var panel = new Sys.UI.Control($get('myUpdatePanel'));  function beginRequestHandler(sender, args) {                 panel.set_visible(false);  }  function endRequestHandler(sender, args) {     panel.set_visible(true);  }