RadAjaxLoadingPanel Loading Image not displayed for user controls

8 posts, 0 answers
  1. Alvin Ho
    Alvin Ho avatar
    4 posts
    Member since:
    Mar 2010

    Posted 27 Oct 2010 Link to this post

    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

  2. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 28 Oct 2010 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. Alvin Ho
    Alvin Ho avatar
    4 posts
    Member since:
    Mar 2010

    Posted 28 Oct 2010 Link to this post

    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

  4. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 28 Oct 2010 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  5. Brad H
    Brad H avatar
    31 posts
    Member since:
    Aug 2009

    Posted 19 Nov 2010 Link to this post

    Was this ever solved?  I'm having the same issue.
  6. Dimo
    Admin
    Dimo avatar
    8450 posts

    Posted 23 Nov 2010 Link to this post

    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
    Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  7. Tayyab Asghar
    Tayyab Asghar avatar
    10 posts
    Member since:
    Jan 2010

    Posted 30 Dec 2011 Link to this post

    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" /> 
  8. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 03 Jan 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top