Help with URL to bring me image

Hi guys, greetings. I need help with something that I have not been able to solve. I have to use this API: https://www.themoviedb.org/settings/api to bring me the movies poster, the problem is that when I connect to the API and try to bring me the path-url of the movies, it doesn’t bring me anything, investigating, I realized that the API response for the field that brings the image has the path incomplete, the response is :

“poster_path“:”/kKgQzkUCnQmeTPkyIwHly2t6ZFI.jpg”

And this part is missing: https://image.tmdb.org/t/p/w500/

In bubble I have tried, but, I don’t know how to make the url can be placed complete, this is the only thing I have reached :

How could I please put the URL together correctly so that it can bring me the image.

Thank you in advance.

Put the image url then add the API response poster path in dynamic image

Hi! thank you very much for your reply. I have placed it like this:

But, it tells me that the list is empty.

In your first screenshot it’s a image on the next it’s a group.
So can you try it image

Sorry, you´re right. Here it is as only an image :slight_smile:

The problem is that basically I don’t know in bubble how to build the URL one part with https://image.tmdb.org/t/p/w500 and then join it with the path provided by the API.

Don’t use arbitrary text, place all in dynamic image itself (base URL+ API returned part).
First try out in only one image element

Hi! Ok, here it is:

Still does not show me the image :frowning:

Can you go to debugger and see what your actual image url is shown there, if that’s empty or not

1 Like

Hi! I think there is a basic problem on the setup. I see only one image and you as a result have entered “each element”. Is image D inside a repeating group or something like that?

Don’t expect to see the image there right away… you won’t see anything from the editor… you have to try to watch a preview of the page… but it depends on how you set up the work… if you explained better or shared a link to the editor everything would be clearer here :slight_smile:

2 Likes

Thank you very much Mario, it turns out that if the image appeared for a while, indeed I was seeing only the editor view, I guess it is a beginner’s error, I did it in only one image, I wanted to use group selection, but in group selection I do not see the way to place the full path, ie the base url + the path that comes from the API. Is there any way to do it there? Otherwise, I thought about grouping the images into a single group image by image and styling it.

Of course, and in fact we are here to help but so I can’t quite understand what you have in mind.

For what I can read, I think there is a modulation error here. You are telling to bubble to show all the images that come from that API (if a filter has not been inserted) in a single image.

To be able to help you I have to understand what and how you want to show… a single movie poster? Then there is an error in the setting of the formula…

More movie cards? Then you need to first create a repeated group, insert the image inside it and then model the API response.

For the problem on the full link, @siddharth gave you the same solution that I would use… but we’ll deal with it later.

Explain to us through the editor screen how you have currently set up the graphic model and what you have in mind

Someone pointed it out… what did you write?

Nothing wrong, I just sent an image of the design of the screens and I didn’t realize that one of the movies was a horror movie, that’s probably why it was removed, but well, I just need the typical gallery form, where the movie posters appear side by side.

You need a repeating group… see the bubble documentation for this :slight_smile:

My doubt with repeating group is precisely that, how do I put in the data source field the part of the url that goes in plain text, since I have not looked for a way to do it.

I don’t think what kind of image content is the right one… you should try to insert your api there… unfortunately for me so it’s complicated to say it… I should have access to the editor to solve it :confused: