Loading Panel Resize

4 posts, 0 answers
  1. Nate
    Nate avatar
    26 posts
    Member since:
    Dec 2008

    Posted 15 Dec 2010 Link to this post

    Ok, so I have a radajaxloading panel showing over a grid, however when I resize the browser window, then radajaxloading panel stays the same size and bleeds over into other parts of the page as shown in the attached image.  Is there any way to make it stay the width of the object it is updating if the browser window is resized?

    Thanks,
    Nate
  2. Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 16 Dec 2010 Link to this post

    Hi Nate,

    Please refer to the following example, which shows how to make RadAjaxLoadingPanel expand to full page width/height.

    http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-make-a-radajaxloadingpanel-span-over-the-whole-page.aspx

    Best wishes,
    Pavlina
    the Telerik team
    Browse the vast support resources we have to jump start 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.
  3. Kyaw
    Kyaw avatar
    10 posts
    Member since:
    Apr 2012

    Posted 18 Jun 2012 Link to this post

    Hi Pavlina,

    Pls don't refer to this post. This is not a perfect one and if your page height is longer than the scroll height, there is a problem.

    Thanks.
  4. Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 21 Jun 2012 Link to this post

    Hello Nate,

    Note that the observed behavior is expected and is due to the way RadAjaxLoadingPanel is rendered on the page. The loading panel is an absolute positioned <div> that is a direct child of the <form> that is positioned over the updated control.

    However, you can try using a Sticky loading panel (set the RadAjaxLoadingPanel IsSticky property to true) and set the loading panel position on the OnRequestStart client-side event, using the event arguments' EventTargetElement attributes. You can use and modify the code used in the help article below and modify it according to your exact needs:
    http://www.telerik.com/help/aspnet-ajax/ajax-show-loadingpanel-next-to-ajax-initiator.html

    All the best,
    Pavlina
    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