Trying to disable default Ajax Loading Image.

[Brett]

<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

[Shinu]

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.

[EZECHIAS]

use this css format to override the default loading image

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

[Eyup]

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