Set Image from an API - URL

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.

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:
Screen Shot 2022-07-19 at 9.21.53 am

Parent Group Source:
Screen Shot 2022-07-19 at 9.22.13 am

Front End:
Screen Shot 2022-07-19 at 9.24.03 am

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

Michael Cafra,
Pitch VC MVP

Thanks for your help I got it working!

1 Like