In the mentioned demo the RadAjaxLoadingPanel Skin is set through the RadSkinManager on the page, which sets the skin globally for all RadControls. When using some of the built-in Skins
for the RadAjaxLoadingPanel, the loading image is displayed centered by default. From then on you can use the Background position property to specify the position on the loading image.
On the other hand, if you are not using but you just added an image as template for the loading panel the image is displayed on top of it and you should center it manually. You can check the below resources for more information:
(see the first sample)
(see the code in the OnRequestStart event handler)
All the best,
the Telerik team
Check out Telerik Trainer
, the state of the art learning tool for Telerik products.