asked on May 7, 2021
Hello Team,
Currently we are loading multiple FM reports in a single screen through Custom Datasource api.
Since each report loads asynchronously, there are different loading dialogs being displayed on each report and they appear/disappear out of sync.
This gives the screen a flickering look.
Our client is not very happy with this.
Is there a way to disable the loading dialog in FM report?
Thanks,
Tanushree
⋅ May 10, 2021
Hello,
Thank you for your question.
You can hide the mentioned alert by applying the following CSS rule to your page:
.fm-preloader-view,
.fm-overlay-preloader {
display: none !important;
}
You are welcome to see the JSFiddle we prepared for the demonstration: https://jsfiddle.net/flexmonster/xsm37j0L/.
Please let us know if it works for you.
Regards,
Illia
⋅ May 10, 2021
Hi Illia,
We are displaying multiple FM reports and currently they load data asynchronously using Custom datasource api.
That is why they display loading overlays which appear and disappear on each report giving flickering view of the screen.
Even if we hide the spinner, the reports initially show blank report and then suddenly load the css/headers/data in a disjoint fashion.
Is there a way we can display a smooth fade-in/fade-out effect together when data loads/refreshes in all the FM reports?
⋅ May 12, 2021
Hello,
Thank you for your feedback.
You can track when the data is ready to be displayed for each instance using the reportcomplete event. After all the instances are ready to display the data, you can reveal it using any desired animation.
We suggest checking out the JSFiddle we prepared for the reference: https://jsfiddle.net/flexmonster/xsm37j0L/.
Please let us know if it works for you.
Regards,
Illia
⋅ May 13, 2021
Thanks Illia for your response.
We'll try it at our end and get back with queries if any.
Tanushree
