JS Hide Loading Icons and Text

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.2 Solution

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

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:

0.frm

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