How to create a proper loader?

Need help App Organization
1

If anyone could explain how the following expressions work or how to use them correctly I’d appreciate it a lot!

  1. Page Loaded (entire)
  2. Page Loaded (above fold)
  3. Repeating group is loading
2

RTFM here General Events - Bubble Docs

3

It was not linking from workflows otherwise I always RTFM :joy:

1 Like
4

Aaaand the link you shared doesn’t answer any of my concerns. So you RTFQ my friend :joy:

5

In truth the “Page Loaded” event is not well documented. For my own investigation into how the Page Loaded event is fired, see Page and all elements completely loaded - #2 by keith

Note that this event firing does not mean that all scripts you might be relying on are loaded, etc.

2 Likes
6

Interested post Keith! I’ll read it right now. Meanwhile I just found the initial post from when the “Above Fold” feature was launched. I was gonna read through it as well to find some answers there…

7

BTW, as for the “repeating group is loading” state (this is an exposed state on RGs and not an event), it goes high when an RG is loading a list.

Per the docs: is loading (repeating group, picture uploader)

This state is true when the repeating group is loading a new list. It allows you to style other elements if you want to adjust how the page looks when loading the list. Use this to know when a file or picture uploader is in the process of uploading a file.

8

Yeah, it works just fine with picture uploader. When it comes to RGs it’s little confusing.

My main goal is do display a loader animation inside the card before the video element is loaded inside… You can check it here

I should try this solution.

9

Related: if you want to know more about the internals of list loading in Bubble, you might find this interesting: