Loading Panel Inside Containing Element

2 posts, 0 answers
  1. sara
    sara avatar
    31 posts
    Member since:
    May 2007

    Posted 18 Nov 2011 Link to this post

    I'm having an issue using the AjaxLoadPanel with a grid inside a containing element.  If you have a containing element, such as a div, that has a fixed height on it with scrollbars, the loading panel does not stay inside the containing element.  I cannot send code or screenshots of my code due to proprietary/sensiitve data.  Instead, I've reproduced the same issue with your demo pages using IE developer tools (see attached screenshot).  Do you have a suggested solution for this issue?
  2. Andrey
    Andrey avatar
    836 posts

    Posted 22 Nov 2011 Link to this post

    Hi Sara,

    The behavior you are observing is expected, because RadAjaxLoadingPanel takes the size of the AjaxPanel that wraps the Ajaxified control. Which, if you had not set explicit sizes is taking the size of the Ajaxified control. So, if you wrap RadGrid in div with smaller size than the RadGrid, the loading panel will be with the same size as RadGrid. This behavior is by design.

    However, you could set Width and Height properties of RadAjaxPanel and overflow style property to auto in order to achieve similar behavior without the over-sized loading panel.

    I have created sample project to illustrate this approach.

    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