Hi everyone,
I’m building a screen in Flipabit that behaves like a repeating group / list of items (hotels, companies, experiences, etc.).
Goal:
- Display a list of items coming from a database (JSON / API).
- When the user clicks one item, navigate to a detail page.
- The detail page should be populated dynamically with the data of the selected item (title, description, images, etc.).
So far, the general flow I’m trying to implement is:
- List page → Table / List connected to database
- User clicks an item
- App navigates to a detail page
- Detail page loads data of the selected row (by
_idor index)
I would like to know:
- What is the recommended Flipabit approach to pass the selected item to the next page?
- Is it better to store the selected
_idin a variable/Text widget and query again? - Or is there a cleaner pattern using “current row”, database index, or page parameters?
Image URL problem (important)
Another issue I’m facing:
My image URLs come from an external API / Bubble backend and are stored like this:
//cdn.bubble.io/f123456/image.jpg
Browsers can handle this, but Flipabit Image widgets do not display images without a protocol.
So I need to transform them into:
https://cdn.bubble.io/f123456/image.jpg
I tried:
- Replacement pattern
- Template string (
https:%%image_field%%) - SQL concatenation
- Direct binding in Image widget
Results are inconsistent, especially inside lists.
I’d really appreciate your guidance.
Thanks in advance!