Set Image from an API - URL

[rolfvanroot]

Hi, I am using Bubble to show a list of blog posts in a repeating component, via an API call.

For text properties I got it running. (it shows blog post titles, main body text. etc.)
Each blog post has an image, stored in a different DB. The API returns the URL the image is hosted at, not the image data.
I also added a repeating images component - the dynamic image property is to be filled with a image data, not an image URL, as far as I understand.
So my question is how can I show the images from the API path (like , rather loading the image into Bubbles DB.

thanks for any pointers.

[cafraaa]

Hi,
I resolved the same problem on my program. I have a Xano backend which requires an API to pass information to the front end.
If your image is stored as a URL in the database you just need to set the dynamic image source to the URL of the image from the API return.

Image element:

Parent Group Source:

Front End:

Let me know if you have any questions or issues with that,

Michael Cafra,
Pitch VC MVP
https://www.pitchvc.co/mvp-app-dev

[rolfvanroot]

Thanks for your help I got it working!