Loading Panel Resize

[Nate]

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

[Pavlina]

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

[Kyaw]

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.

[Pavlina]

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