This is a migrated thread and some comments may be shown as answers.

Changing the image of the rad loading panel

3 Answers 151 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
andieje
Top achievements
Rank 1
andieje asked on 28 Sep 2009, 04:32 PM
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

3 Answers, 1 is accepted

Sort by
0
Schlurk
Top achievements
Rank 2
answered on 28 Sep 2009, 08:54 PM
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> 

0
EZECHIAS
Top achievements
Rank 1
answered on 30 Jan 2019, 11:37 PM

use this css style to override the default loading image

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

0
Eyup
Telerik team
answered on 04 Feb 2019, 07:23 AM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Ajax
Asked by
andieje
Top achievements
Rank 1
Answers by
Schlurk
Top achievements
Rank 2
EZECHIAS
Top achievements
Rank 1
Eyup
Telerik team
Share this question
or