Trying to disable default Ajax Loading Image.

4 posts, 1 answers
  1. Brett
    Brett avatar
    12 posts
    Member since:
    Jul 2011

    Posted 16 Sep 2011 Link to this post

    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
       <ClientEvents OnRequestStart="centerLoadingPanel" />
            <telerik:AjaxSetting AjaxControlID="gridDpSummary">
               <telerik:AjaxUpdatedControl ControlID="gridDpSummary" LoadingPanelID="RadAjaxLoadingPanel1" />
    <telerik:RadCodeBlock ID="RadCodeBlock2" runat="server>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" IsSticky="true">
           <img src='/Content/images/ajax-loader.gif' >
    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.
  2. Answer
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 16 Sep 2011 Link to this post

    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.

    EZECHIAS avatar
    8 posts
    Member since:
    May 2013

    Posted 30 Jan 2019 Link to this post

    use this css format to override the default loading image

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

  4. Eyup
    Eyup avatar
    3892 posts

    Posted 04 Feb 2019 Link to this post

    Hello Ezechias,

    Thank you for sharing your solution. I've also added another approach for this scenario in the other thread:

    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.
Back to Top