Changing the image of the rad loading panel

[andieje]

Hello

The help file gives the following instructions on how to change the image of a rad loading panel

Change the image that displays in the loading panel.
RadAjax ships with a number of pre-defined animated "gif" images. Change the <src> tag path to one of the gifs in the installation directory: "\Telerik\RadControls for ASP.NET AJAX Q3 2008\Skins\Default\Ajax"

What if the telerik controls are not installed on our production server? How do you specify an image that is simply located in the images directory of your website? Failing that, how could you specify an image that was located in a folder for a custom skin

thanks

[Schlurk]

I think you can use any image. In regards to your question about the install directory not being on the server, you can just navigate to the directory mentioned and drag one of the images there into your Visual Studio project. You can try this when defining the loading panel:

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">
     <asp:Image ID="myImage" runat="server" AlternateText="Loading..." ImageAlign="Middle" ImageUrl="~/myImage.gif" />
</telerik:RadAjaxLoadingPanel>

[EZECHIAS]

use this css style to override the default loading image

.RadAjax_Default .raDiv {
    background-image: url('../Images/loading.gif')!important;
}

[Eyup]

Hello Ezechias,

Thank you for sharing your approach with our community. I hope it will prove helpful to other developers as well.

Alternatively, you can also check the Templates functionality provided by RadAjaxLoadingPanel:
https://demos.telerik.com/aspnet-ajax/ajaxloadingpanel/functionality/transparency/defaultcs.aspx

Regards,
Eyup
Progress Telerik