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

Trying to disable default Ajax Loading Image.

3 Answers 87 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Brett
Top achievements
Rank 1
Brett asked on 16 Sep 2011, 02:42 PM
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
   <ClientEvents OnRequestStart="centerLoadingPanel" />
     <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="gridDpSummary">
         <UpdatedControls>
           <telerik:AjaxUpdatedControl ControlID="gridDpSummary" LoadingPanelID="RadAjaxLoadingPanel1" />
         </UpdatedControls>
        </telerik:AjaxSetting>
     </AjaxSettings>
</telerik:RadAjaxManager>
 
<telerik:RadCodeBlock ID="RadCodeBlock2" runat="server>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" IsSticky="true">
       <img src='/Content/images/ajax-loader.gif' >
    </telerik:RadAjaxLoadingPanel>
</telerik:RadCodeBlock>
I created an AjaxLoadingPanel to display a custom loading image. My problem is that the default one also pops up. how do I disable the default image? The default image in this picture is the Red loading image. I am trying to keep the blue one.

http://i53.tinypic.com/jrtqb4.jpg

3 Answers, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 1
answered on 16 Sep 2011, 02:56 PM
Hello Brett,

When you use template image for your loading panel, you need to set the Skin property of the RadAjaxLoadingPanel to "" to disable its built-in loading indicator. See the configuration on this demo for details.

Thanks,
Shinu.
0
EZECHIAS
Top achievements
Rank 1
answered on 30 Jan 2019, 11:36 PM

use this css format 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:41 AM
Hello Ezechias,

Thank you for sharing your solution. I've also added another approach for this scenario in the other thread:
https://www.telerik.com/forums/changing-the-image-of-the-rad-loading-panel#lZw8oRuKNkG_T6THmkImew

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
Brett
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 1
EZECHIAS
Top achievements
Rank 1
Eyup
Telerik team
Share this question
or