# Loading spinner on "no pages" native app

**URL:** <https://forum.bubble.io/t/loading-spinner-on-no-pages-native-app/74423>\
**Category:** Mobile\
**Created:** [December 19, 2019, 3:54pm UTC](https://forum.bubble.io/t/loading-spinner-on-no-pages-native-app/74423 "2019-12-19T15:54:38Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![BudSpaces](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/budspaces/32/50865_2.png) [@BudSpaces](https://forum.bubble.io/u/BudSpaces)\
**Post date:** [December 19, 2019, 3:54pm UTC](https://forum.bubble.io/t/loading-spinner-on-no-pages-native-app/74423/1 "2019-12-19T15:54:39Z")

</div>

Hello,  
I have an app based on a hidden/showed groups, so no pages.  
I wanted to know if you guys know a solution to create a loading spinner when all of the elements in the page are not loaded yet.

For example, I have a text in a group that loads slower because it’s a “search for”. How do I detect this, to show a loading icon ?

Thank you !

---

<div class="post-metadata">

**Author:** ![help](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/help/32/166707_2.png) [@help](https://forum.bubble.io/u/help)\
**Post date:** [December 19, 2019, 9:29pm UTC](https://forum.bubble.io/t/loading-spinner-on-no-pages-native-app/74423/2 "2019-12-19T21:29:59Z")

</div>

Hi there,

You can try using the ‘Current Page Has Loaded’ condition and then hide/show a spinner graphic/icon based on that resulting as ‘no’. We do this in AnnounceFly ([www.announcefly.com](http://www.announcefly.com) if you want to see) as a preloader so when the page is loading or repeating groups are loading we use the ‘is loaded’ condition to show a nice preloader graphic.

Let me know if that helps,  
Reece

---

<div class="post-metadata">

**Author:** ![BudSpaces](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/budspaces/32/50865_2.png) [@BudSpaces](https://forum.bubble.io/u/BudSpaces)\
**Post date:** [December 20, 2019, 7:32am UTC](https://forum.bubble.io/t/loading-spinner-on-no-pages-native-app/74423/3 "2019-12-20T07:32:30Z")

</div>

Yes your solution works but only if there are multiples pages. I only have groups. So the loader shows only at the beginning.  
Is there no event that checks if “when elements are loading” show loader ?

PS: I don’t see this event, there are “Page has loaded above fold”, “Page has loaded (entire)” in the “only when” condition. And an event “Page is loaded” but there is no opposite condition.  
Am I supposed to do a “Do when - everytime” ?

Thanks

---

<div class="post-metadata">

**Author:** ![Andy\_i](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/andy_i/32/49371_2.png) [@Andy\_i](https://forum.bubble.io/u/Andy_i)\
**Post date:** [December 20, 2019, 8:01am UTC](https://forum.bubble.io/t/loading-spinner-on-no-pages-native-app/74423/4 "2019-12-20T08:01:52Z")

</div>

The issue with the one page set up, with lots of groups is you can only use the “page is loaded” state once when the app initially loads.

You could have a custom event triggered when the user navigates to another group that shows a “loading group” that covers the screen and shows a spinning loader, then add a pause in the workflow before hiding it again.

Not a perfect solution, but the easiest.

---

<div class="post-metadata">

**Author:** ![gaurav](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/gaurav/32/6666_2.png) [@gaurav](https://forum.bubble.io/u/gaurav)\
**Post date:** [December 20, 2019, 8:52am UTC](https://forum.bubble.io/t/loading-spinner-on-no-pages-native-app/74423/5 "2019-12-20T08:52:43Z")

</div>

Try fast popups (bdk) plugin. Recommend checking out this thread:

> [@\[Plugin update\] Fast Popups](http://forum.bubble.io/t/plugin-update-fast-popups/41582):
>
> Hello Bubblers, I just added a new workflow step ‘Show loader’ to the [fast popups](https://www.notion.so/Bubble-Developer-Kit-3eb057d9d81d4176b1be678856c80faf#7950b85ba0904a4a8b708e74e7d6173a) plugin. This helps you build beautiful loading & splash style screens for your app in a single workflow step. Check out examples screens below and [demo page](https://bdkdemos.bubbleapps.io/fast_popups_loader). Use loading indicators from any source (e.g. [loading.io](https://loading.io/css/), [spinkit](http://tobiasahlin.com/spinkit/)). Customize them fully Build your own splash style screens from custom content or any source on the web. Treat your users to cool animated ‘please wait’ screens like airbnb and other amazing t…

---

<div class="post-metadata">

**Author:** ![BudSpaces](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/budspaces/32/50865_2.png) [@BudSpaces](https://forum.bubble.io/u/BudSpaces)\
**Post date:** [December 20, 2019, 12:03pm UTC](https://forum.bubble.io/t/loading-spinner-on-no-pages-native-app/74423/6 "2019-12-20T12:03:44Z")

</div>

Thanks, the question is : does it detect when elements are not loaded yet ?

Example: I have a group called “Profil” that displays all user’s infos when the state “user” has a value.  
So each time the group is loaded, some infos have to be updated depending on the “user” state. So, the profil pic, name etc… but right now, there is a little flash screen when you can see the previous infos without transition. Is it possible to show a loader before ALL elements are loaded in a group ? (I have only one page)
