Image URL not working, showing URL instead of image

[HopelessPBIuser]

I have created a table with the columns 

I have a map and I want the flags of the countries to show in the tooltip when hoovering over a specific country. 

For example, with Argentina I used this link, 

Argentina flag 

Which should link to public data base so PBI should have no issue accessing the link. 

The measure I used, 

SelectedFlagURL =

 SELECTEDVALUE('Flags'[Web URL])

The column is set as "Image URL". 

Still it is showing the link instead of the picture. 




Anyone know where the issue is? 

[DataNinja777]

Hi @HopelessPBIuser ,

To display country flags as images in the tooltip using Power BI, ensure that the column containing the flag URLs in your Flags table is set to "Image URL" in the Modeling tab. This setting is essential for Power BI to recognize the URLs as image sources. Next, confirm that the URLs in the Web URL column are publicly accessible and link directly to the image files, such as .png, .jpg, or .svg. If the URL does not directly point to an image or is restricted by permissions, the images will not render.

Power BI tooltips do not natively display images directly from URLs in a standard tooltip. To achieve this, you need to use a custom tooltip page. Start by creating a new page in your report and enabling the Tooltip option from the page format settings. Place a card or an image visual on this page and link it to your SelectedFlagURL measure. This visual will dynamically display the corresponding flag based on the hovered country.

After setting up the custom tooltip page, return to your map visual and configure its tooltip settings to use the custom tooltip page you created. When you hover over a country in the map visual, the tooltip should now display the appropriate flag image corresponding to the SelectedFlagURL measure.

If the flags are still not visible, check whether the image URLs are accessible and verify that the SELECTEDVALUE measure is correctly returning the URL for the hovered country. You can debug this by testing the measure in a table or card visual.

Best regards,

[HopelessPBIuser]

Hi,

I have set the column to "Image URL" in the modelling tab, but not the entire table. 

I have a custom tooltip page set and created for this specific tooltip. I have the configured the map to have the custom tooltip as its tooltip page as well. 

I believe the link (in the original post) should be publicly accessable. I tried it incognito and it worked fine. 

What could be the issue then? 

[DanielW_ · Accepted solution]

Did you set the data category of the SelectedFlagURL measure to Image URL, or only the Web URL column? I created a new file with a few sample countries including the links from the web database you shared in the original post. With the measure set up as Image URL it showed as images straight away.

I used the Country column I added in the map visual, is that the same case in your report?
And are the images displayed in a table visual on a normal page correctly, or does it display the URL too?

[HopelessPBIuser]

I fixed it! 

I realised that the measure also had to put as a "Image URL", it got the idea from the picture you added! 

Thanks a lot!! 

[HopelessPBIuser]

Thank you for confirming. 

Honestly, I am not sure where the issue lies in that case.... 

Here is the table in question. As you can see, it is set to image url.