Hi Webster,

Here is how to display a RadAjaxLoadingPanel over the whole page, so that the user cannot click anywhere during AJAX requests:

http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-make-a-radajaxloadingpanel-span-over-the-whole-page.aspx

If you want to use a custom animated loading image, you will either have to override the RadAjaxLoadingPanel skin...

http://www.telerik.com/help/aspnet-ajax/modifyingexistingskins.html

http://blogs.telerik.com/dimodimov/posts/08-06-17/how_to_override_styles_in_a_radcontrol_for_asp_net_ajax_embedded_skin.aspx

... or create a custom skin for the loading panel:

http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-create-and-use-custom-skins-for-radajaxloadingpanel.aspx


Here is an example how to override the embedded skin with a CSS rule:

div.RadAjax_SkinName  .raDiv
{
    background-image:url('my-custom-animated-image.gif');
}


All the best,
Dimo
the Telerik team