Best practice for dynamic “repeating group” navigation + fixing image URLs without https

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:

  1. List page → Table / List connected to database
  2. User clicks an item
  3. App navigates to a detail page
  4. Detail page loads data of the selected row (by _id or 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 _id in 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!


Back to Flipabit >
Copyright © 2018. Flipabit Team. All rights reserved.