SOLVED

Promoted links image links?

%3CLINGO-SUB%20id%3D%22lingo-sub-145959%22%20slang%3D%22en-US%22%3EPromoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-145959%22%20slang%3D%22en-US%22%3E%3CP%3EI%20had%20a%20promoted%20links%20area%20that%20has%20been%20showing%20images%20just%20fine%2C%20but%20this%20morning%20we%20wanted%20to%20change%20the%20images.%26nbsp%3B%20We%20uploaded%20the%20new%20images%20into%20the%20Site%20Assets%2FImages%20directory%20(they%20are%20150x150%20pixel%20png%20files)%20and%20copied%20the%20links%20and%20updated%20the%20items%20in%20the%20promoted%20links%20list%2C%20but%20now%20they%20are%20displaying%20as%20nothing%20(white%20page%20of%20paper).%20%26nbsp%3B%3C%2FP%3E%0A%3CP%3EI%20searched%20online%20and%20did%20not%20find%20much.%26nbsp%3B%20What%20might%20I%20be%20doing%20wrong%3F%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20714px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F26969iD0D08D300BEE823E%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%221-17-2018%2010-55-01%20AM.png%22%20title%3D%221-17-2018%2010-55-01%20AM.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThanks%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-145959%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-314466%22%20slang%3D%22en-US%22%3ERe%3A%20Promoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-314466%22%20slang%3D%22en-US%22%3E%3CP%3EHave%20tried%20all%20these%20options%2C%20but%20still%20unable%20to%20display%20my%20sharepoint%20files%20from%20power%20bi%20image%20URL%20plugin...%20Have%20set%20file%20to%20use%20existing%20access%20and%20trimmed%20the%20leading%20and%20ending%20characters...%20What%20else%20could%20be%20the%20problem%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-224598%22%20slang%3D%22en-US%22%3ERe%3A%20Promoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-224598%22%20slang%3D%22en-US%22%3E%3CP%3EYes!%20That%20is%20it.%20You%20saved%20me%20a%20lot%20of%20time%20and%20effort%20for%20such%20a%20-%20seemingly%20-%20simple%20thing.%26nbsp%3B%3CBR%20%2F%3E%3CBR%20%2F%3EThank%20you%20so%20much.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-184298%22%20slang%3D%22en-US%22%3ERe%3A%20Promoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-184298%22%20slang%3D%22en-US%22%3E%3CP%3EThank%20you%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F106071%22%20target%3D%22_blank%22%3E%40Bradley%20Allison%3C%2FA%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F875%22%20target%3D%22_blank%22%3E%40Christopher%20Webb%3C%2FA%3E%2C%20a%20combination%20of%20both%20your%20suggestions%20worked%2C%20%2B%20I%20had%20to%20remove%20a%20portion%20of%20the%20end%20of%20the%20URL%20as%20well.%26nbsp%3B%20What%20a%20pain...but%20glad%20it%20is%20resolved.%26nbsp%3B%20Thanks%20for%20your%20help!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-183911%22%20slang%3D%22en-US%22%3ERe%3A%20Promoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-183911%22%20slang%3D%22en-US%22%3E%3CP%3EChristine%3A%20I%20manually%20deleted%20the%20%3Ai%3A%2Fs%2F%20part%20of%20the%20links%20to%20get%20them%20to%20work%20properly.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-183910%22%20slang%3D%22en-US%22%3ERe%3A%20Promoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-183910%22%20slang%3D%22en-US%22%3E%3CP%3EThat%20copy%20link%20option%20by%20selecting%20People%20in%20Org%20will%20create%20a%20generated%20secured%20link%2C%20not%20a%20direct%20file%20link.%20The%20People%20with%20existing%20access%20option%20%22By%20clicking%20that%20%22People%20in%20_%22%20link%2C%20you%20will%20see%20you%20need%20to%20use%2C%20so%20you%20get%20a%20direct%20link%20to%20the%20file.%20People%20must%20have%20access%20to%20the%20document%20%2F%20page%20as%20well%20manually%20set%20if%20they%20don't%20have%20it%20already%20for%20the%20link%20to%20work%20for%20them%20as%20well.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20329px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F32470i796BF7EF5FBDA6BA%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Capture.JPG%22%20title%3D%22Capture.JPG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-183870%22%20slang%3D%22en-US%22%3ERe%3A%20Promoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-183870%22%20slang%3D%22en-US%22%3E%3CP%3EI%20think%20I%20am%20having%20your%20same%20issue%20and%20trying%20to%20replicate%20what%20you%20did%20to%20alleviate%20it.%26nbsp%3B%20See%20screen%20shot%20of%20images%20library%20where%20i%20am%20trying%20to%20copy%20the%20link.%20I%20don't%20see%20the%20option%20that%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F875%22%20target%3D%22_blank%22%3E%40Christopher%20Webb%3C%2FA%3E%26nbsp%3Breferenced%20to%20view%20with%20existing%20permissions.%26nbsp%3B%20And%20this%20is%20what%20the%20URL%20looks%20like%20when%20i%20copy%20it%20using%20the%20Copy%20Link%20tool%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fipipeline.sharepoint.com%2F%3Ai%3A%2Fs%2FProductManagement%2Falliances%2FEWj9SgEMKQtMjXyJ7aBOXx8BBqpFPuRWLxmcR3C_q3ha9g%3Fe%3DrhQurV%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fipipeline.sharepoint.com%2F%3Ai%3A%2Fs%2FProductManagement%2Falliances%2FEWj9SgEMKQtMjXyJ7aBOXx8BBqpFPuRWLxmcR3C_q3ha9g%3Fe%3DrhQurV%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAll%20my%20images%20were%20working%20prior%20to%20the%20weekend%2C%20and%20then%20yesterday%20they%20all%20displayed%20as%20the%20white%20pages.%26nbsp%3B%20Help!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-146063%22%20slang%3D%22en-US%22%3ERe%3A%20Promoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-146063%22%20slang%3D%22en-US%22%3E%3CP%3EWOOHOO!!!%26nbsp%3B%20I%20would%20kiss%20you%20right%20now%20if%20I%20could%20%3Ap%3C%2Fimg%3E%26nbsp%3B%20Thanks%20and%20yes%2C%20that%20worked.%26nbsp%3B%20Why%20when%20I%20go%20to%20%22copy%22%20the%20link%20would%20it%20not%20work%3F%26nbsp%3B%20I%20guess%20now%20I%20just%20need%20to%20go%20in%20and%20pare%20down%20the%20other%20two%20for%20right%20now.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-146062%22%20slang%3D%22en-US%22%3ERe%3A%20Promoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-146062%22%20slang%3D%22en-US%22%3EI%20see%20what%20happened%2C%20your%20falling%20victim%20to%20the%20new%20OneDrive%2FSharePoint%20file%20viewer%2C%20it%20opens%20the%20image%20in%20the%20view%20which%20causes%20this.%20If%20you%20use%20Copy%20Link%20in%20the%20menu%2C%20you%20have%20to%20change%20the%20option%20to%20%22With%20existing%20access%22%20so%20it%20doesn't%20change%20permission.%20Then%20past%20that%20in%20and%20just%20trim%20the%20end%20of%20the%20string%20after%20.jpg%20and%20you%20should%20be%20good.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-146061%22%20slang%3D%22en-US%22%3ERe%3A%20Promoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-146061%22%20slang%3D%22en-US%22%3EYour%20URL%20isn't%20correct%2C%20is%20should%20be%20something%20more%20like%3A%20%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Foaklawnhospital.sharepoint.com%2FSiteAssets%2FImages%2FOMG%255Ficon.jpg%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Foaklawnhospital.sharepoint.com%2FSiteAssets%2FImages%2FOMG%255Ficon.jpg%3C%2FA%3E%3CBR%20%2F%3Eor%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Foaklawnhospital.sharepoint.com%2FSiteAssets%2FImages%2FOMG_icon.jpg%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Foaklawnhospital.sharepoint.com%2FSiteAssets%2FImages%2FOMG_icon.jpg%3C%2FA%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-146050%22%20slang%3D%22en-US%22%3ERe%3A%20Promoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-146050%22%20slang%3D%22en-US%22%3E%3CP%3EThis%20is%20the%20actual%20link%3A%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Foaklawnhospital.sharepoint.com%2FSiteAssets%2FForms%2FAllItems.aspx%3Fid%3D%252FSiteAssets%252FImages%252FOMG%255Ficon%252Ejpg%26amp%3Bparent%3D%252FSiteAssets%252FImages%26nbsp%3B%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Foaklawnhospital.sharepoint.com%2FSiteAssets%2FForms%2FAllItems.aspx%3Fid%3D%252FSiteAssets%252FImages%252FOMG%255Ficon%252Ejpg%26amp%3Bparent%3D%252FSiteAssets%252FImages%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EI%20can%20see%20it%20just%20fine%20actually%20when%20going%20right%20to%20the%20link%20for%20this%20one%20picture.%26nbsp%3B%20It%20is%20just%20a%20strange%20problem.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EI%20also%20opened%20it%20using%20Chrome%20and%20get%20the%20same%20thing.%26nbsp%3B%20I%20did%20compatibility%20view%20and%20changed%20from%20Edge%20to%20IE%208%2C%209%2C%2010.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-146020%22%20slang%3D%22en-US%22%3ERe%3A%20Promoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-146020%22%20slang%3D%22en-US%22%3EOpen%20the%20image%20by%20clicking%20on%20it%20and%20copy%20the%20link%20from%20the%20URL%20bar%20in%20your%20browser%20vs.%20using%20any%20copy%20link%2C%20cause%20usually%20your%20just%20copying%20a%20thumbnail%20or%20something.%20Or%20post%20the%20link%20here%20and%20lets%20look%20at%20it%2C%20you%20can%20remove%20tenant%20if%20you%20wnat.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-146015%22%20slang%3D%22en-US%22%3ERe%3A%20Promoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-146015%22%20slang%3D%22en-US%22%3E%3CP%3EAnd%20another%20strange%20thing%20is%20that%20if%20I%20go%20back%20to%20the%20stock%20images%20we%20were%20using%2C%20they%20work%20just%20fine.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-146005%22%20slang%3D%22en-US%22%3ERe%3A%20Promoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-146005%22%20slang%3D%22en-US%22%3E%3CP%3EBoth%20ways%20as%20tiles%20in%20the%20list%20and%20in%20a%20web%20part.%26nbsp%3B%20I%20am%20using%20the%20%22copy%20link%22%20and%20editing%20the%20items%20in%20the%20list%20that%20way.%26nbsp%3B%20Should%20the%20URL%20path%20be%20something%20else%3F%26nbsp%3B%20I%20used%20copy%20link%20in%20the%20past%20and%20it%20has%20worked.%26nbsp%3B%20If%20I%20need%20to%20hard-code%20a%20link%2C%20what%20would%20that%20link%20be%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-146003%22%20slang%3D%22en-US%22%3ERe%3A%20Promoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-146003%22%20slang%3D%22en-US%22%3EAlso%20does%20the%20tiles%20view%20in%20the%20promited%20links%20list%20show%20the%20same%3F%20Assuming%20your%20using%20this%20as%20a%20webpart%20as%20well%2C%20are%20they%20both%20that%20way%20or%20just%20the%20webpart%3F%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-146001%22%20slang%3D%22en-US%22%3ERe%3A%20Promoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-146001%22%20slang%3D%22en-US%22%3Eonly%20other%20thing%20i%20can%20thing%20of%20your%20using%20the%20correct%20URL%20and%20not%20the%20scaled%20version%20that%20SharePoint%20likes%20to%20us%20when%20copying%20an%20image%20link%3F%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-145987%22%20slang%3D%22en-US%22%3ERe%3A%20Promoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-145987%22%20slang%3D%22en-US%22%3E%3CP%3EConverted%20them%20to%20jpg%20and%20unfortunately%20getting%20the%20same.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-145961%22%20slang%3D%22en-US%22%3ERe%3A%20Promoted%20links%20image%20links%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-145961%22%20slang%3D%22en-US%22%3EDon't%20think%20they%20support%20png%20images%2C%20try%20convert%20them%20to%20jpg.%3C%2FLINGO-BODY%3E
Contributor

I had a promoted links area that has been showing images just fine, but this morning we wanted to change the images.  We uploaded the new images into the Site Assets/Images directory (they are 150x150 pixel png files) and copied the links and updated the items in the promoted links list, but now they are displaying as nothing (white page of paper).  

I searched online and did not find much.  What might I be doing wrong?

 

1-17-2018 10-55-01 AM.png

 

Thanks

17 Replies
Don't think they support png images, try convert them to jpg.

Converted them to jpg and unfortunately getting the same.

only other thing i can thing of your using the correct URL and not the scaled version that SharePoint likes to us when copying an image link?
Also does the tiles view in the promited links list show the same? Assuming your using this as a webpart as well, are they both that way or just the webpart?

Both ways as tiles in the list and in a web part.  I am using the "copy link" and editing the items in the list that way.  Should the URL path be something else?  I used copy link in the past and it has worked.  If I need to hard-code a link, what would that link be?

And another strange thing is that if I go back to the stock images we were using, they work just fine.

Open the image by clicking on it and copy the link from the URL bar in your browser vs. using any copy link, cause usually your just copying a thumbnail or something. Or post the link here and lets look at it, you can remove tenant if you wnat.

This is the actual link: https://oaklawnhospital.sharepoint.com/SiteAssets/Forms/AllItems.aspx?id=%2FSiteAssets%2FImages%2FOM...

 

I can see it just fine actually when going right to the link for this one picture.  It is just a strange problem.

 

I also opened it using Chrome and get the same thing.  I did compatibility view and changed from Edge to IE 8, 9, 10.

 

Best Response confirmed by Bradley Allison (Contributor)
I see what happened, your falling victim to the new OneDrive/SharePoint file viewer, it opens the image in the view which causes this. If you use Copy Link in the menu, you have to change the option to "With existing access" so it doesn't change permission. Then past that in and just trim the end of the string after .jpg and you should be good.

WOOHOO!!!  I would kiss you right now if I could :p  Thanks and yes, that worked.  Why when I go to "copy" the link would it not work?  I guess now I just need to go in and pare down the other two for right now.

I think I am having your same issue and trying to replicate what you did to alleviate it.  See screen shot of images library where i am trying to copy the link. I don't see the option that @Deleted referenced to view with existing permissions.  And this is what the URL looks like when i copy it using the Copy Link tool 

https://ipipeline.sharepoint.com/:i:/s/ProductManagement/alliances/EWj9SgEMKQtMjXyJ7aBOXx8BBqpFPuRWLxmcR3C_q3ha9g?e=rhQurV

 

All my images were working prior to the weekend, and then yesterday they all displayed as the white pages.  Help!

 

That copy link option by selecting People in Org will create a generated secured link, not a direct file link. The People with existing access option "By clicking that "People in _" link, you will see you need to use, so you get a direct link to the file. People must have access to the document / page as well manually set if they don't have it already for the link to work for them as well. 

 

Capture.JPG

Christine: I manually deleted the :i:/s/ part of the links to get them to work properly.

Thank you @Bradley Allison @Deleted, a combination of both your suggestions worked, + I had to remove a portion of the end of the URL as well.  What a pain...but glad it is resolved.  Thanks for your help!

Yes! That is it. You saved me a lot of time and effort for such a - seemingly - simple thing. 

Thank you so much. 

Have tried all these options, but still unable to display my sharepoint files from power bi image URL plugin... Have set file to use existing access and trimmed the leading and ending characters... What else could be the problem?