This is a migrated thread and some comments may be shown as answers.

RadAjaxLoadingPanel - Change loading-Img Position

3 Answers 191 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 1
Daniel asked on 18 Sep 2014, 07:44 AM
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.

3 Answers, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 22 Sep 2014, 11:36 AM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Daniel
Top achievements
Rank 1
answered on 23 Sep 2014, 09:11 AM
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.
0
Pavlina
Telerik team
answered on 26 Sep 2014, 09:26 AM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Ajax
Asked by
Daniel
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Daniel
Top achievements
Rank 1
Share this question
or