Openweather Icon not showing up

I have set an image UI Element to show up an openweathermap icon. If I look on inspect element it shows up on there, but there is nothing showing up in the browser, can anyone tell me what am I missing?

What kind of anvil component is this icon connected to?

Hi its an image component. Here is the line of code that I attached it with. It does seem to have added it as a background image, but so long as there is a height on the CSS it should still show up.

self.weather_map_form.icon1.source = 'http://openweathermap.org/img/wn/'+ icon[i]+ '@2x.png'

If it’s an image component, why don’t you just add the icon as the image’s source?

I’m not sure how to do that on a variable image, I thought the above way was the correct way to add it.?

This is an error I think, It literally just displayed on one run, I had made no changes, then it went back to not displaying!

Assuming that icon1 is an Image Component, there doesn’t appear to be anything wrong with your code. Maybe that image blends with the background? If not, can you please try to provide a Clone Link?

Hi

thanks for replying, yes it is definitely an image component, and it sees to periodically show up

I am thinking now it may be something to do with Anvil Cache, if I re-publish the website it shows the images and I just checked it is now showing on the development environment as well, when earlier it wasnt.