External API Image Not Showing

[kc4848]

Hello,

I need help getting the image from my API to render in the repeating group of my app. I have the API working so that the name and other data is being pulled, so I know I’m connected, but the image will not render.

“Main Building” should have an image like this next to it, because it exists in the image property being called by the API:

This is what comes through in the preview:

Here’s the API setting that appears to work short of rendering the image:

along with the returned values and raw data:

I would be grateful for any pointer someone may provide. This is my first time using Bubble and this community, so it’s likely I’m completely in left field on this one.

[sudsy]

At first glance, the API appears to be returning a list of images, so try using :first after the image in your expression. There’s just one image in the list, but it’s still a list.

[kc4848]

@shot, Thanks for the quick response! If you mean “:first item”, I gave that a go but no luck:

[sudsy]

@kc4848

If you mean “:first item”, I gave that a go but no luck

Yeah, that’s what I meant. If you simply copy and past that link into a browser address field, does the image appear?

[kc4848]

@shot

I tried entering:

https://content.limblecmms.oom/upload-2050/assets/7485/529/3460-08-31-15_36_48-799-N-National-Ave---Google-Maps.png?Expires=1598914519331&Key-Pair-Id=APKAIH5A42E3EPKJRHFQ&Signature=lFOtSUTKv45juyW2rgY7ng5j1~hZdNmJd2w2okQ3wOyDPCEk~Qgp8nYWqP5wEKbInKK3Nyb5j83h~nhzXVqXWVPpy35pDCFh1n4B6f83C1oZ8ssQlbOrSNIeoGzqwHnPhTU1DHCBIsNYx6pA7Cy19LNhQdYUgKlZF1LTDx1i90r4BOAKXfqaWNwj5AaOA~up2qb2iPdA748lK0yUaHJJczJBVrb~zBXl6CQr7mu7nxU9Vir04wpsqIaLlNSR~CIaPsm41lvL7fca8kQCcz-LdHB2GeqledzuGOnYo8nQ1e9seQybFk6flqOg35Oz2Nnww~8X86d~wuKWt8w8ER6QbA__

into FireFox and it didn’t find anything. The image is not public, though, as the API is working with a client ID and secret to access LimbleCMMS data, so I wouldn’t expect to be able to see the image using the link alone.

I’ve reached out to LimbleCMMS for support, and they shared the following info:

The URL allows you to access it. How you do it all depends on the programming language you use and is only a quick google away For example here is one for PHP: https://www.geeksforgeeks.org/saving-an-image-from-url-in-php/

Not sure how “saving an image from url in PHP” works with the Bubble.io API Connector, so I started here to see what I might find.

[sudsy]

Just noticed the TLD for that domain is OOM. I don’t think that’s a valid top level domain. I wonder if it should be COM?

[kc4848]

Brilliant!! I just fixed that and tried again and got this result:

Yes! So, that means that LimbleCMMS screwed up systematically on all of their links…LOL. I bet that’s easily remedied and hopefully I will get this working!

[sudsy]

Yeah, some keyboard pokin’ geek done made a typo. I’ve never done that.

[kc4848]

Thank you so much!