Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

The ultimate Microsoft Fabric, Power BI, Azure AI & SQL learning event! Join us in Las Vegas from March 26-28, 2024. Use code MSCUST for a $100 discount. Register Now

Reply
Lori
Helper II
Helper II

image links in card browser

I cannot get images to show in the Card Browser visual.  I have tried using Web URL and Image URL data types and storing the image in either google drive or onedrive.  

 

Ideally I would love to show two images - one on the front and one on the back of the card.  I would settle for one image though.  😉  

 

Thanks, Lori Bragg

1 ACCEPTED SOLUTION
v-viig
Community Champion
Community Champion

I'm sorry I forgot to mention that you have to use direct hyperlinks to images.

The direct link can be get by opening your URLs that you shared.

After that you should right click the image and copy image address.

 

Hyperlinks will look something like these:

https://pbs3bw.ch.files.1drv.com/y4mwUo29Bf4go69j8lV-49oOpL1Lfmt4xAQyQy1Sv599CReNDVR6REv2zA0MkzWTcrq...
https://lh6.googleusercontent.com/XFGofXEm-dXU8LbTk2vvo8VXcw81hsWjy5Zj0pJ5eSuZBNsYDh8CikLDyblV45ECtq...

 

image.png

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

View solution in original post

33 REPLIES 33
Anonymous
Not applicable

Hi, I am trying the image url from https://image.tmdb.org/t/p/w185/q0R4crx2SehcEEQEkYObktdeFy.jpg, which is accessible from my browser. But when I add it to the card browser, I only see blank space instead of the image. I have tried the steps of converting the data type of the column having the image url to 'Image url'. Still it doesn't seem to work. it is https:// link and it is of the format .jpg. I am not sure what I am doing wrong or what i am missing? Any help is highly appreciated.

annie0308 try to open Browser Dev tools to see any errors in Network tab.


@Anonymous wrote:

Hi, I am trying the image url from https://image.tmdb.org/t/p/w185/q0R4crx2SehcEEQEkYObktdeFy.jpg, which is accessible from my browser. But when I add it to the card browser, I only see blank space instead of the image. I have tried the steps of converting the data type of the column having the image url to 'Image url'. Still it doesn't seem to work. it is https:// link and it is of the format .jpg. I am not sure what I am doing wrong or what i am missing? Any help is highly appreciated.


 

Nikita Grachev,
Team Leader
Microsoft Power BI Custom Visuals,
pbicvsupport@microsoft.com
Anonymous
Not applicable

Hi Nikita,

Thanks for your reply.

I checked the Browser Dev tools-Network tab, but I don't see any errors there. I am able to see the image while accessing the url through the browser. Only when I add the image url to the Card browser, I am not able to see the image.

 

Kind Regards,

Annie

annie0308 please send the sample PBIX report to Power BI Custom Visuals Support <pbicvsupport@microsoft.com> to reproduce the issue.

Nikita Grachev,
Team Leader
Microsoft Power BI Custom Visuals,
pbicvsupport@microsoft.com
nmsfdml
Frequent Visitor

exx.JPG

Hi can I know how can I edit to make the documention shows "link" (and will direct to "something.com") instead of it show "something.com"

v-viig
Community Champion
Community Champion

@nmsfdml It seems it is not supported.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

v-viig
Community Champion
Community Champion

@michelle8816, Can you Google Drive link to check them from our side?

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Anonymous
Not applicable

I was having this problem.

 

Then I realized that the card browser does not accept the link without "http://" before.

 

I don't know if that's your problem, I hope it helped.
 
Regards,
Gabriel Lopes
v-viig
Community Champion
Community Champion

@Lori

 

Can you share a link that is broken in Card Browser?

I'd like to check its format.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

 

v-viig
Community Champion
Community Champion

Both links return 404 HTTP error. Do they work on your machine?

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

No, indeed they don't!  Not from the browser.  I guess I'm grabbing the wrong URL to reference?  Where would I find the right ones?

v-viig
Community Champion
Community Champion

You need to share you image in One Drive or Google Drive and grant "View permissions" for the images to view them w/o authentication.

 

Please let us know if that resolves the issue on your side.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

 

v-viig
Community Champion
Community Champion

I'm sorry I forgot to mention that you have to use direct hyperlinks to images.

The direct link can be get by opening your URLs that you shared.

After that you should right click the image and copy image address.

 

Hyperlinks will look something like these:

https://pbs3bw.ch.files.1drv.com/y4mwUo29Bf4go69j8lV-49oOpL1Lfmt4xAQyQy1Sv599CReNDVR6REv2zA0MkzWTcrq...
https://lh6.googleusercontent.com/XFGofXEm-dXU8LbTk2vvo8VXcw81hsWjy5Zj0pJ5eSuZBNsYDh8CikLDyblV45ECtq...

 

image.png

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

I have the same issue, I cannot open the hyperlinks here, seems need access, would you please share with me ? thank you 

This worked - at least for the google drive content.  I couldn't get the one drive files to work but I think it's because it's my one drive account and it's assuming I want to go directly there.  When I try to right-click nothing happens.

 

Thanks so much - at last I can move forward!!!

Suddenly it's not working - now I get a 403 error on the images  when I manually try them - nothing in PBI,  I downloaded January's update.  Otherwise I haven't really touched them.

v-viig
Community Champion
Community Champion

403 HTTP code indicates that this image requires authentication.

Can you share the link that you generated?

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

 

Don't know why but it's working again.  Probably user error... sorry.

Helpful resources

Announcements
Fabric Community Conference

Microsoft Fabric Community Conference

Join us at our first-ever Microsoft Fabric Community Conference, March 26-28, 2024 in Las Vegas with 100+ sessions by community experts and Microsoft engineering.

February 2024 Update Carousel

Power BI Monthly Update - February 2024

Check out the February 2024 Power BI update to learn about new features.

Fabric Career Hub

Microsoft Fabric Career Hub

Explore career paths and learn resources in Fabric.

Fabric Partner Community

Microsoft Fabric Partner Community

Engage with the Fabric engineering team, hear of product updates, business opportunities, and resources in the Fabric Partner Community.

Top Solution Authors