JS Hide Loading Icons and Text

  • Last update:December 16, 2020
  • I. Overview

    1.1 Requirement

    In making a report, we use JavaScript to meet the special needs of data refresh at a fixed time and data display on a large screen. But the loading icon keeps on displaying exactly in the middle of the large screen while refreshing data. So how to hide the loading icon to enhance aesthetic appeal?

    1.png 


    1.2 Solution

    The loading icon is controlled by the function FR.HtmlLoader.loadingEffect, so rewrite the function to hide it.

    You will learn
    • Sample

      • Steps

      • Preview

    • Download the template

    II. Sample

    2.1 Steps

    1) Open the template. In the right-hand pane, click body and add an After Initialization event, as shown below:

    Input the following JavaScript codes:

    FR.HtmlLoader.loadingEffect=function(){} // The function returns nothing

     

    2.2 Preview

    Save and preview the template. When you refresh any report block/chart block of the dashboard, the animation and texts being loaded are hidden. See the demonstration below:

     

    III. Download the template 

    0.frm

     

    Refer to the original link: https://help.finereport.com/doc-view-1629.html

     


    Attachment List


    Theme: FineVis Data Visualization
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy