Before page load UI builder and spinner control

Hi
it will be great if you guys can add this event.
currently the page show then the code is executed. it will be better looking if we can execute some logic and remove the spinner when we are done.

so 2 feature requests:
1- before page load.
2- the ability to show and hide the loading page spinner with a block in codeless

Hello @mohammad_altoiher

Add a flag after this logic, and as soon as the flag changes its value, hide the spinner.

You can add a component to the bottom of the tree, and set this flag on On Mounted on it. the tree is rendered sequentially, then the flag will change when the last component is rendered.
01

but the spinner is not in the page. its the default one that show in the center on te screen when the page is loading

Are you saying the spinner is on a separate page? Does the page contain anything else other than the spinner?

No
when the page load there is a spinner if the page doesn’t load in a second or two.
not added by me. it come on default

This spinner is visible only on Preview. You can Publish your container, at this moment your app will be compressed and built and the spinner disappears.

What about your suggestion, in this case, I don’t see a reason to implement these features, because this spinner is only for development purposes.

Regards, Dima.

ok got it.

but still it will be great if there is a codeless block that we can set to true and it will display a whole page spinner with dimmed page or blurred and when we set it to false it will hide the full page spinner.

without the need to create a spinner and add css to control it position and add a backdrop with css to dim the page.

We now working in this way. This feature names “Reusable Components”, and peoples will get an opportunity to share components with other.

Regards, Dima

will we be able to add custom HTML?

custom HTML and JS will be possible with Custom Components