Switching GIFs in the RadAjaxLoadingPanel

[Mike]

Hello Everyone,

I'm using the RadAjaxLoadingPanel to let the users know that a process is taking some time. I've used the loading.gif provided by the Telerik tools, which was fine for development purposes. However, I'd like to switch my gif to something else. When I changed the properties of the Image within the RadAjaxLoadingPanel, I'm still getting the original Telerik gif.

    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" Modal="True" Transparency="70">
        <asp:Image ID="Image2" runat="server" ImageUrl="~/MyImage.gif" />
    </telerik:RadAjaxLoadingPanel>

Also, I've removed the Telerik gif from my directory, and I've cleared the web browser's cache and cookies; but without luck.

 

What do I need to do to use my gif?

 

Thanks,

Mike

 

[Rumen]

Hi Mike,

Do you get any errors about missing resources or invalid paths to the image file?

I successfully replaced the built-in spinning icon with another one from another location and attached my test project for your reference. Please test it, compare it with yours and let me know if you need further assistance.

 

        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
            <asp:Image ImageUrl="image url" runat="server" />
        </telerik:RadAjaxLoadingPanel>

        <!-- RadAjaxPanel to simulate a long-running process -->
        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">
            <asp:Label ID="lblStatus" runat="server" Text="Click the button to start the process." />
            <asp:TextBox runat="server" id="TextBox1"/>
            <asp:Button Text="Submit" runat="server" OnClick="Submit_Click" />
        </telerik:RadAjaxPanel>

 

 

    protected void Submit_Click(object sender, EventArgs e)
    {
        Thread.Sleep(3000);
        TextBox1.Text = "The button was clicked";
    }

 

You can refer to the following articles for additional information:

• https://www.telerik.com/forums/telerik-radajaxloadingpanel---how-to-change-loading-image
• https://docs.telerik.com/devtools/aspnet-ajax/controls/ajaxloadingpanel/animation

Regards,
Rumen
Progress Telerik

[Mike]

Hi Rumen,

First, thank you for getting me this information and the example. This was very helpful. It helped me understand, that I was putting the address into the properties incorrectly. So, my gif is now appearing as expected! However, the Telerik gif is still appearing on the screen. So, now I have both gifs spinning away.

Here is my code for the RadAjaxLoadingPanel:

    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Modal="True" Transparency="70">        
        <asp:Image ID="Image2" runat="server" ImageUrl="~/Admin/loading.gif" />
    </telerik:RadAjaxLoadingPanel>

I would expect this control to determine which gif appears. So, I'm at a loss as to why the built in Telerik gif is appearing. What other controls should I look at? I've attached a copy of my aspx file. Can you please take a glance and see if there is something that would cause the Telerik gif to appear?

 

Thanks,

Mike

[Rumen]

Hi Mike,

Could you try setting EnableEmbeddedSkins="false" in the RadAjaxLoadingPanel declaration and let me know if that resolves the issue?

Also please remove the Skin="Default" property as suggested in this forum: RadAjaxLoadingPanel shows small 'x' above image.

Are you able to reproduce the new issue in the sample app I shared in my previous post? If the issue only occurs in your application, could you identify any configuration differences between your app and the sample I provided?

Regards,
Rumen
Progress Telerik

[Mike]

Hi Rumen,

 

Thank you very much. That worked. I really appreciate your help with this!

 

Best, regards,

Mike

[Mike]

Hi Henry,

Thanks for your help! I'm looking for your sample, but I don't see it. Did you upload it?

 

Thanks,

Mike

[Rumen]

Hi Mike,

Just a heads-up - Henry's message was identified as spam and has been removed. Let me know if you need any further help!

[Mike]

Thanks Rumen. I appreciate your vigilance.