Know exactly when your repeating group data is rendered on the client side.
Problem: When Bubble is loading data into repeating groups, there is a delay between the data being loaded and the data being rendered in the browser. There is no native way to know when the element is fully rendered on the client side. This is especially noticeable for large images and heavy database searches.
Solution: This plugin watches a specified text or image element and provides a “ready” event and a “is ready” state when the target element is fully rendered.
- Give your repeating group an ID
- Chose a “target” element to watch (native Bubble text or image element) and give it an ID
- Use the “setup” workflow to start watching the target element - when it is rendered the plugin’s “ready” state will become true, and an “is ready” event is also fired.
- Show a loading screen / popup until a repeating group is rendered.
- Use in fixed cell repeating groups to show a loading screen / animation between pages (especially good for image galleries or heavy searches)
- Check out the demo page for some examples! The examples illustrate the timing differences between when Bubbles “is loading” state implies an RG is ready, vs when the plugin says it’s actually rendered.
Note this is v1 and works well for the majority of use cases. However there are some improvements that I am continuing to work on. Do have a read of the docs which include some notes on limitations and planned features.
Please do share any and all feedback / queries here.
All the best