RadAjaxLoadingPanel - Change loading-Img Position

[Daniel]

Hello,

I am working on a project with a RadGrid.

When the user clicks on a button, a JavaScript function shows the RadAjaxLoadingPanel.

The surface becomes gray, but I don’t see the loading-Img.

It’s seems it located off-screen. [See Video]

Code:

    </telerik:RadScriptManager>
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
            function loadajax() {
                var loadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID %>");
                var grid = $find("<%= RadGrid1.ClientID%>").get_masterTableView();
                loadingPanel.show(grid.get_id());
            }

        </script>
    </telerik:RadCodeBlock>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
<div>
<telerik:RadButton ID="RadButton1" runat="server" Text="RadButton" OnClientClicking="loadajax">
    </telerik:RadButton><br />
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" >

    </telerik:RadAjaxLoadingPanel>
    <telerik:RadGrid ID="RadGrid1" runat="server">
    </telerik:RadGrid>

</div>

How do I control the position of the rotating loading-Img?

Thanks,
Daniel.

[Pavlina]

Hello Daniel,

I ran the code you provided and received a JavaScript error that is most probably causing the gray surface on your end. Try modifying the code as shown below and let me know if you if it works for you:

<script type="text/javascript">
              function loadajax() {
                  grid = "<%= RadGrid1.ClientID %>";
                  var loadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID %>");
                  loadingPanel.show(grid);
              }
          </script>

I have also attached my test page for your reference.

Regards,
Pavlina
Telerik

 

 

[Daniel]

Hi Pavlina,

Sorry, but probably I did not explain myself well.

I uploaded a new video that shows the problem. It appears around 0:50 minutes from the beginning of the video. I have also added text there, explain the problem.
[New Video]

I will be glad to get a solution.
 
Thanks,
Daniel.

[Pavlina]

Hello Daniel,

You can refer to the article below to see how to center the loading panel on the screen
http://www.telerik.com/help/aspnet-ajax/ajax-center-loadingpanel.html

Regards,
Pavlina
Telerik