Hi all,
Is it possible to show a wait icon while a selectable list loads and hide it when it is loaded?
I do not see a selectable list property or action that tells me at run time that it is done loading.
My app is loading about 15-20 things only.
It can take a few seconds to load a selectable list and it looks like the app is hung up while it loads.
Thanks,
Guy
Hi bro. I dont speak english very well, but if you make this âselectable listâ using a repeating group (or table), you can use the rgâs is loading propertie to detect when a new list is loading .
After this, you can use a plugin/css/etc⌠(use your own criativity) to make a loader indicator, and show this indicator and hide your âselectabe listâ using the conditional statement that detect when is loading is yes.
Thanks Man.
Sorry, I should have mentioned. I am in the Mobile Editor and RGs do not exist in the mobile editor. Instead, we have to use lists.
+1 for needing this.
Hello,
I created a simple way to display a loading message for a SelectableList in Bubble.
When the SelectableList is loading, it isnât visible on the screen, so its height is 0.
By default, I show a group with a message âCurrently loadingâ and a spinner.
Once the SelectableList is loaded, its height becomes greater than 0, so I hide the âCurrently loadingâ group. At that point, the SelectableList appears.
One warning though: my SelectableList always loads data, so Iâm sure its height will eventually be greater than 0. Otherwise, if it stays empty, the âCurrently loadingâ group would remain visible, which would be a bad UX.
Note: I used a threshold of height > 20 just to keep a margin and ensure the visibility toggle works correctly, even if thereâs padding inside the SelectableList.
this is brilliant! going to try it out.
You can even solve this problem. Display a box thatâs larger than 20px that says âno resusultsâ and set the condition on the group of list and no results box.
@reunisens.reunion any ideas for vertical lists?
This could be in fact a good idea, I will try it. Thanks
For this, I use the condition âvertical listâs is loading is ânoââ to hide the group âCurrently loadingâ. This means that the group is visible by default.
If you have a large set of data, the vertical listâs is loading will be âyesâ, because not all the data loads at once in a vertical list.
So, if the user scrolls down quickly and reaches the bottom of the vertical list while the list is still loading the rest of the data, the group âCurrently loadingâ will remain visible until the loading is completed.
If you want to go further, you can also add a group or text element âNo more results to showâ and set it to visible under the condition âvertical listâs is loading is ânoââ. â> Havenât tried this so far.
Thanks for this @reunisens.reunion
Je suis curieuxâŚ
When testing, have you tested using Bubble Go?
My selectable lists where I implemented your solution are never empty.
I implemented the solution and the "Loading⌠" text does not dissapear on height >= 20.
Itâs working with bubbleGo and on live on iOS and Android. Can you send some screenshot maybe ? Because I have implemented this on different part of my app and it works everywhere
Bonjour,
Hereâs a screen capture from my mobile editor:
This is the workflow when I click on Pick from standard list button:
I captured a video of what is happening.
See: https://youtube.com/shorts/fUZikqzMIu0?feature=share
Merci
Guy
Could it be because I am using a Shortlist and not a SelectableLIst?
I just replaced the shortlist with a selectable list and it still does not work.
Try to move your âIcon loading_standardâŚâ inside the âGroup Standard Club Option Listâ. This is where I guess is you shorlist list, right ?
On the icon editor check âthe element is visible on view loadâ.
Finally on your workflow remove the step 1.
Tell me if itâs working.
Thanks.
It is working. I guess it is a question of visibilty?
I donât understand why the other solution was not working.
Thanks,
Guy
Bonjour Guy,
This is great if itâs working 
I donât know the exact reason, but based on my experience, Iâve noticed that sometimes when you trigger a workflow to show an element, the elementâs conditional expression stops working.
Yes. I have noticed. Have you noticed a repeatable or is it only âsometimesâ? I am trying the same technique in another view.
Same process, but the loading icon does not always show. Two differences here:
Working one None working one
In a View In a sheet (inside a view)
Shortlist Selectable list
I need to do more testing⌠with the selectable list one.
Are you using this technique with a Selectable List?
