topic Re: image links in card browser in Custom Visuals Development Discussion

image links in card browser

Lori — Tue, 02 Jan 2018 21:02:24 GMT

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

Re: image links in card browser

Anonymous — Thu, 11 Jan 2018 13:58:41 GMT

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

Re: image links in card browser

v-viig — Fri, 12 Jan 2018 07:39:40 GMT

@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

Re: image links in card browser

Lori — Fri, 12 Jan 2018 14:03:57 GMT

https://drive.google.com/open?id=1Ci6r3bGCxlmLJbXWaDUkOzcnxHH2Arcb

https://1drv.ms/i/s!AnKBlgF3bEXQhSkCgpmrnrmWR38z

I tried a couple of things; google drive and one drive. Thanks.

Re: image links in card browser

v-viig — Mon, 15 Jan 2018 07:37:00 GMT

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

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Re: image links in card browser

Lori — Mon, 15 Jan 2018 13:39:15 GMT

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?

Re: image links in card browser

v-viig — Tue, 16 Jan 2018 07:53:11 GMT

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

Re: image links in card browser

Lori — Tue, 16 Jan 2018 15:43:55 GMT

These are the photo links now. They still aren't showing up. This is report creation page looks like. There is a grey area where the photo would be, but no picture.

https://drive.google.com/open?id=0B5wswcSB1QBxR3FfUWRhaVR4ems

https://drive.google.com/file/d/1T0YmR668iE6WGzf9sIv1tPBWvI3c4Kgw/view?usp=sharing

https://drive.google.com/file/d/1bLaa-PI5QlK9xqjqr67OCj24QACB8o9Q/view?usp=sharing

https://1drv.ms/i/s!AnKBlgF3bEXQhSjNS05O5vcz0n5L

https://1drv.ms/i/s!AnKBlgF3bEXQhSkCgpmrnrmWR38z

Re: image links in card browser

v-viig — Wed, 17 Jan 2018 07:46:36 GMT

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-49oOpL1Lfmt4xAQyQy1Sv599CReNDVR6REv2zA0MkzWTcrqs6dpZI9FpRKaQNNr48HpyeVurnFxBqw_7cKiblCLGmGEdQDvIF1hFqQcFGlJ0P06Uk6tJpp_Q1gBZpPH1oaLKG9Wmil9VdlhR0Q08mPVZACG0ghiRcZ5OShtvRLSMPFWMD_gXlFfW-WwhtOOWOihBQ/SarahK_001.jpg

https://lh6.googleusercontent.com/XFGofXEm-dXU8LbTk2vvo8VXcw81hsWjy5Zj0pJ5eSuZBNsYDh8CikLDyblV45ECtqDOqos-Gtvmn9QaFfH2=w1920-h959-rw

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Re: image links in card browser

Lori — Wed, 17 Jan 2018 16:05:37 GMT

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!!!

Re: image links in card browser

v-viig — Thu, 18 Jan 2018 08:22:30 GMT

For One Drive please click "View original" instead of right clicking.

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Re: image links in card browser

Lori — Fri, 26 Jan 2018 20:54:42 GMT

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.

Re: image links in card browser

v-viig — Mon, 29 Jan 2018 09:59:37 GMT

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

Re: image links in card browser

Lori — Mon, 29 Jan 2018 17:38:47 GMT

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

Re: image links in card browser

Lori — Mon, 29 Jan 2018 18:59:51 GMT

FYI - this visual is a tad wonky. First, all the cards showing should have photos because each has a link - and they are all formatted the same way - some show on the Desktop version and others on the Online version. Second, the sort field doesn't do anything I can see. Third, none of the formatting I've applied seems to work: the date field won't show MMMM,YYYY and the $ filed won't show commas. Is it something I'm doing and just can't see?

Re: image links in card browser

v-viig — Tue, 30 Jan 2018 11:02:10 GMT

Card Browser shows all of images if they are available.

Formatting works well for me.

Is it possbile to share the your report to debug it?

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Re: image links in card browser

Lori — Tue, 30 Jan 2018 14:42:17 GMT

I'm not sure how. I tried to share by adding the email in your response it says you aren't in my organization. If you tell me how, I can probably share a test copy.

Re: image links in card browser

v-viig — Wed, 31 Jan 2018 08:03:55 GMT

Did you design the report in Power BI Desktop? If so, please share the pbix report for debugging.

If the report is only available in Power BI web you can use Publish to Web feature to share the report for debugging.

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Re: image links in card browser

Lori — Wed, 31 Jan 2018 16:06:52 GMT

https://1drv.ms/u/s!AnKBlgF3bEXQi26UpB8tb0PH0u4J I hope this link will share the file.

Re: image links in card browser

v-viig — Thu, 01 Feb 2018 07:46:55 GMT

All of images require authentication.

How exactly did you share image in Google Drive? Did you share all of them for public access?

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com