One page app preloader and loading screen?

Question
1

Is there any plugin or tips on how to show a loader before a one page web app loads? I want to show a loading screen while all the page elements are loading in the background then hide the loading screen when all elements are loaded.

2 Likes
2

Anybody, help here? Want to show a loading screen before the page loads. How can i do it?

3

Try the fast popups (bdk) plugin

4

Using fast popups, is there any option to show the popup before other elements load? Then preload other elements on the page?

5

I just purchased your fast popups plugin but it doesn’t show before the page fully loads.

6

Have you tried manipulating the ‘Page is loaded’ function in the workflows or using it as a condition? When ‘Page is loaded is no’ show popup/make visible.

7

I am using the ‘Page is loaded’ function but the page fully loads before the popup appears.

1 Like
8

same. i can’t get ‘Page is loaded’ to work correctly.

9

@gaffneyantonio @sorensong @shu.teopengco

Currently I used to do this and it work very well :

  1. I set a group visible on page load and in front of everything
  2. When the page is loaded workflow I hide this group using custom states

Here’s what it looks like, if you need more explanations about how to do it let me know I will answer tommorow.

ezgif-2-e9ca5cc228aa
ezgif-2-e9ca5cc228aa600×1333 3.77 MB

1 Like
10

Would you be able to share your workflows for me? I tried making custom states/workflows like you mentioned, still can’t seem to get ‘Page loaded (entire)’ to actually trigger anything.

Thanks!

11

@sorensong you can’t actually set this to the page is loaded entirely because I think bubble can’t regognize how much the page is loaded. Maybe a plugin / html thing can do it.

–> BUT you can make some test about the page loading time with different navigators and speeds and make an average.
–> Then before hiding your loading group in your workflow add Add a pause to workflow and set a value such as 2300

Tell me if it’s working
Can’t send you the editor link tonight but tommorow, send me yours in private if you want I will check too.

12

I hope just discovered the plugin 1T - Loading Screen that has been AMAZING! I had to pay for the access to LottieFiles but it makes my app seem so much more professional.

1 Like