I want to show loading in repeating-group.
For example: When I do a search, the loading is displayed waiting for the results to return, I have done this. However, I have a problem that if the search doesn’t find any results, the loading will show up forever. Is there any way to handle this problem, please help, thanks!
Instead of using >0, can you try ≥0?
It won’t show loading when I search, because then count is 0.
1 Like
True! Could you instead tie a condition to a state that is triggered when the repeating group is loading, but that state flips after 5 or 10 seconds?
1 Like
This is new to me, do you have any documentation about this.
Could you also just create another separate condition that recognises that recognises when the count IS 0. Then, you could choose to hide your loader, then display a text element that says something like ‘there’s no results’.
Hope this helps point you in the right direction.
1 Like
Thank you, I tried your way, but got the same problem as the original. When the search cannot display loading to let the user know the search is being performed, the text “no result” is displayed as soon as the input is entered.
You could try something like this:
- User enters a search term. Store it in a state.
- When the state is updated → show a loading sign → reset the group containing the repeating group → display data in repeating group with latest search term → hide loading sign → show the group containing the repeating group
- If the repeating group count is zero, conditinally show “no results found” group
Hope this helps!
A
This topic was automatically closed after 70 days. New replies are no longer allowed.