RadAjaxLoadingPanel Loading Image not displayed for user controls

[Alvin Ho]

Hello

I've run into a strange issue with the RadAjaxLoadingPanel, whereby the panel appears correctly, but not the default loading icon.

I have basically created a version of the Wizard example in the Telerik demos:

http://demos.telerik.com/aspnet-ajax/tabstrip/examples/applicationscenarios/wizard/defaultcs.aspx

This issue also appears in this demo - whenever you are moving between the steps of the wizard, the loading panel does appear (the interface becomes faint), but no loading image.

Is this to do with that fact that the user controls are dynamically loaded, and/or the fact that IsSticky is set to true?

If I specify my own loading image, it does appear, though not in the centre of the loading panel where I would like it to be.

For the rest of my web app (not part of the wizard) I use the default loading image which works perfectly, so I was hoping to use the same for the wizard for consistency.

Any help would be greatly appreciated!

Alvin

[Maria Ilieva]

Hello,

The problem in the mentioned online example is caused by the fact that no skin for the RadAjaxLoadingPanel is set. Please try setting Default skin for the RadAjaxLoadingPanel and verify if this makes any difference.

Best wishes,
Maria Ilieva
the Telerik team

[Alvin Ho]

Hi Maria

We use the Black skin for our applications which I have applied to the loading panel, but it does not make a difference.

My asp code is as follows:

<telerik:RadSkinManager runat="server"></telerik:RadSkinManager>
                    <telerik:RadAjaxLoadingPanel runat="server" ID="LoadingPanel1" IsSticky="true" Skin="Black" />
                        <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" LoadingPanelID="LoadingPanel1">
                            <div style="float:left; width:980px">
                                <telerik:RadTabStrip ID="OWizTabStrip" SelectedIndex="0" runat="server" Width="100%" OnTabClick="OWizTabStrip_Clicked" MultiPageID="OWizMultiPage">
                                </telerik:RadTabStrip>
                                <br />
                                <telerik:RadMultiPage ID="OWizMultiPage" runat="server" SelectedIndex="0" Width="100%" OnPageViewCreated="OWizMultiPage_PageViewCreated" CssClass="multiPage">
                                </telerik:RadMultiPage>
                            </div>
                        </telerik:RadAjaxPanel>

Best regards

Alvin

[Maria Ilieva]

Hello Alvin Ho,

As the provided information is not enough to isolate the root cause of the issue you are facing, please prepare a simple, fully runnable reproduction demo, open a new support ticket and send it to us along with very detailed reproduction steps and explanations and we will debug it locally and we will do our best to help.

Kind regards,
Maria Ilieva
the Telerik team

[Brad H]

Was this ever solved?  I'm having the same issue.

[Dimo]

Hi Brad Hickey,

When IsSticky is set to "true", you need to specify explicit Width and Height for the RadAjaxLoadingPanel (you can set these with Javascript in OnRequestStart if needed). In most cases IsSticky is not needed to be "true", so please remove it if you have it.

Another cause of troubles in the discussed demo is that the contents of the RadAjaxPanel is an absolutely positioned container, which does not expand the RadAjaxPanel vertically and its height is zero. This prevents the RadAjaxLoadingPanel from showing correctly. In this case one can set Height to the RadAjaxPanel. We have fixed these issues and you can take a look at the updated demo.

All the best,
Dimo
the Telerik team

[Tayyab Asghar]

I have similar problem where some of the machine where we run our application, the radajaxloadingpanel skin loading image doesnt appear. This is kind of strange, is it something related to installation required on those machines.

 this is the simple code we are using:
<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanelGrid" Skin="WebBlue" /> 

[Maria Ilieva]

Hi Tayyab,

Could you please elaborate a bit more on your application? Could you inspect the Ajax request on the problematic machines using some of the browser's dev tools and verify of any errors appear or if the ajax request properly finishes?
Providing a live url to inspect the problematic behaviour further will help us provide more to the point solution.

Regards,
Maria Ilieva
the Telerik team