Well, the Script works pretty well to center the RadAjaxLoadingPanel but the behavior is still different. On some pages I can simply wrap my content in a RadAjaxPanel and set the LoadingPanelID like this:
<telerik:RadAjaxPanel ID="rapMain" runat="server" LoadingPanelID="rlpMain"> |
|
<div class="divColSmaller"> |
*First Name-MI-*Last Name: |
</div> |
|
</telerik:RadAjaxPanel> |
And then declare a simple RadAjaxLoadingPanel like this:
<telerik:RadAjaxLoadingPanel ID="rlpMain" runat="server" HorizontalAlign="Center" IsSticky="true"> |
<asp:Image ID="imgLoading" runat="server" ImageUrl="~/Images/loading.gif" style="border:0;" /> |
</telerik:RadAjaxLoadingPanel> |
|
|
And it works very well, meaning the content of the page is completely replaced by the RadAjaxLoadingPanel and it is centered, and then when the processing is complete the panel goes away and the page content is visible again.
With all of these solutions, I am able to get the LoadingPanel centered but it is now no longer replacing all of the content on the page, it is just pushing it all down so if you are working on the bottom of a page you never see the loading panel.
How do I get the loading panel to actually replace all of the content on the page like it does when I use the above code?