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?
1 Answer, 1 is accepted
0
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.
Greetings,
Andrey
the Telerik team
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.
Greetings,
Andrey
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