Show spinner while javascript code is loading

[salvuccicarlos]

Hello!

I need to show a spinner while my JavaScript is loading. I’ve tried using the visibility style inside the JavaScript code but I can’t make it work correctly.

Thanks

[bpj]

If it’s a loading spinner for the whole page you could use a preloader:

Applying a Page Preloader

You can add a preloader to your page while the page content is still loading. It can be used on both static sites and sites using dynamic data. For example it is really useful for large data sets: [image] In App Structure add new component: [image] Open Animation: [image] And select Preloader: [image] Customize the background color and the preloader color according to your needs: [image] Set the preloader size (in pixels): [image] And select the preloader type: [image] Chec…

If it’s for a section of the page, you can add the spinner and set
dmx-show="serverconnnectname.state.executing"

[salvuccicarlos]

@bpj

If it’s for a section of the page, you can add the spinner and set
dmx-show="serverconnnectname.state.executing"

Thanks! But I´m running an external JS file. I need to show the spinner while running the JS function.

[sid]

I think there is a preloader.show() function.
In your JS function, you can use dmx.parse to help you control the pre-loader visibility.

To SHOW: dmx.parse("preloader1.show()")
&
To HIDE: dmx.parse("preloader1.hide()")