RadAjaxLoadingPanel - Change loading-Img Position

4 posts, 0 answers
  1. Daniel
    Daniel avatar
    159 posts
    Member since:
    Feb 2014

    Posted 18 Sep 2014 Link to this post

    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.
  2. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 22 Sep 2014 Link to this post

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Daniel
    Daniel avatar
    159 posts
    Member since:
    Feb 2014

    Posted 23 Sep 2014 in reply to Pavlina Link to this post

    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.
  5. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 26 Sep 2014 Link to this post

    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.

     
Back to Top