Thumbnail in modern highlighted content web part

%3CLINGO-SUB%20id%3D%22lingo-sub-188364%22%20slang%3D%22en-US%22%3EThumbnail%20in%20modern%20highlighted%20content%20web%20part%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-188364%22%20slang%3D%22en-US%22%3E%3CP%3EHello%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20using%20the%20highlighted%20content%20web%20part%20to%20roll%20up%20news%20pages.%20It%20all%20works%20just%20fine%20except%20for%20the%20thumbnail%20photo%20which%20has%20a%20somewhat%20odd%20behaviour.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECan%20anyone%20tell%20how%20it%20is%20supposed%20to%20work%3F%20It%20feels%20like%20a%20thumbnail%20randomizer.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESometimes%20it%20takes%20the%20first%20photo%20in%20the%20post%20and%20sometimes%20not.%20I%20can't%20find%20any%20relevant%20information%20on%20how%20it%20is%20supposed%20to%20work%20and%20that%20is%20quite%20frustrating.%20It's%20even%20more%20frustrating%20for%20my%20publishers%20as%20they%20never%20know%20what%20it%20will%20look%20like%20in%20the%20news%20roll%20up%20on%20the%20front%20page.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIt's%20all%20modern%20communication%20sites%20on%20SharePoint%20Online.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-188364%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EResponsive%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-190388%22%20slang%3D%22en-US%22%3ERe%3A%20Thumbnail%20in%20modern%20highlighted%20content%20web%20part%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-190388%22%20slang%3D%22en-US%22%3E%3CP%3EThanks%20Christopher%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20will%20look%20into%20this%20and%20test%20the%20news%20web%20part%20as%20well.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%2FMagnus%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-188636%22%20slang%3D%22en-US%22%3ERe%3A%20Thumbnail%20in%20modern%20highlighted%20content%20web%20part%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-188636%22%20slang%3D%22en-US%22%3EThere%20is%20no%20documentation%20on%20how%20exactly%20it%20works%2C%20but%20it%20uses%20the%20first%20image%20when%20there%20is%20no%20banner%20image%20used.%20The%20news%20web%20part%20works%20better%20than%20using%20Highlighted%20content%20web%20part%20as%20it%20will%20use%20the%20focal%20point%20on%20the%20banner%20if%20you%20use%20it%20but%20it's%20still%20just%20best%20that%20i've%20found%20is%20making%20sure%20you%20have%20a%20%22rectangle%22%20shape%20to%20use%20for%20your%20news%20if%20you%20really%20need%20it%20to%20show%20up%20correctly.%3CBR%20%2F%3E%3CBR%20%2F%3EAlso%20if%20your%20on%20Targeted%20Release%2C%20you%20might%20find%20it%20a%20better%20experience%20using%20news%20webpart%20and%20now%20changing%20the%20%22Source%22%20option%20to%20rollup%20news%20by%20selecting%20multiple%20sites%20possibly.%20Not%20sure%20how%20many%20you%20have%2C%20that%20or%20creating%20a%20hub%2C%20it's%20been%20a%20much%20better%20experience%20than%20using%20Highlighted%20content%2C%20which%20I%20used%20to%20use%20for%20news%20rollup%20as%20well.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-768675%22%20slang%3D%22en-US%22%3ERe%3A%20Thumbnail%20in%20modern%20highlighted%20content%20web%20part%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-768675%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F86644%22%20target%3D%22_blank%22%3E%40Magnus%20G%C3%B6ransson%3C%2FA%3E%26nbsp%3BI%20am%20having%20somewhat%20of%20the%20same%20issue.%20I%20am%20trying%20to%20use%20the%20highlighted%20content%20web%20part%2C%20but%20I%20have%20it%20attached%20to%20a%20document%20library.%20the%20thumbnail%20is%20top%20of%20the%20first%20page.%20Heard%20of%20anyway%20to%20add%20a%20custom%20thumbnail%20to%20a%20document%20for%20this%20web%20part%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-768708%22%20slang%3D%22en-US%22%3ERe%3A%20Thumbnail%20in%20modern%20highlighted%20content%20web%20part%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-768708%22%20slang%3D%22en-US%22%3EYou%20can%20only%20set%20a%20custom%20thumbnail%20are%20part%20of%20Site%20Pages.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-802759%22%20slang%3D%22en-US%22%3ERe%3A%20Thumbnail%20in%20modern%20highlighted%20content%20web%20part%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-802759%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F380411%22%20target%3D%22_blank%22%3E%40Mike_M518%3C%2FA%3E%26nbsp%3BI%20am%20having%20the%20exact%20same%20issue%20-%20I%20want%20to%20roll%20up%20recently%20added%20PDFs%20but%20the%20auto-generated%20preview%20is%20ugly.%20I%20want%20to%20be%20able%20to%20add%20a%20custom%20thumbnail.%20Have%20you%20found%20any%20answer%20to%20this%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1647236%22%20slang%3D%22en-US%22%3ERe%3A%20Thumbnail%20in%20modern%20highlighted%20content%20web%20part%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1647236%22%20slang%3D%22en-US%22%3E%3CP%3EAlso%20problem%20when%20the%20page%20is%20site%20homepage%3A%20It%20does%20not%20matter%20that%20you%20have%20set%20the%20thumbnail%20photo%20for%20homepage%2C%20there%20is%20no%20photo%20shown%20in%20highlighted%20content%20web%20part%20for%20that%20homepage.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Contributor

Hello,

 

I am using the highlighted content web part to roll up news pages. It all works just fine except for the thumbnail photo which has a somewhat odd behaviour.

 

Can anyone tell how it is supposed to work? It feels like a thumbnail randomizer.

 

Sometimes it takes the first photo in the post and sometimes not. I can't find any relevant information on how it is supposed to work and that is quite frustrating. It's even more frustrating for my publishers as they never know what it will look like in the news roll up on the front page.

 

It's all modern communication sites on SharePoint Online. 

6 Replies
There is no documentation on how exactly it works, but it uses the first image when there is no banner image used. The news web part works better than using Highlighted content web part as it will use the focal point on the banner if you use it but it's still just best that i've found is making sure you have a "rectangle" shape to use for your news if you really need it to show up correctly.

Also if your on Targeted Release, you might find it a better experience using news webpart and now changing the "Source" option to rollup news by selecting multiple sites possibly. Not sure how many you have, that or creating a hub, it's been a much better experience than using Highlighted content, which I used to use for news rollup as well.

Thanks Christopher,

 

I will look into this and test the news web part as well.

 

/Magnus

@Magnus Göransson I am having somewhat of the same issue. I am trying to use the highlighted content web part, but I have it attached to a document library. the thumbnail is top of the first page. Heard of anyway to add a custom thumbnail to a document for this web part?

 

Thanks!

You can only set a custom thumbnail are part of Site Pages.

@Mike_M518 I am having the exact same issue - I want to roll up recently added PDFs but the auto-generated preview is ugly. I want to be able to add a custom thumbnail. Have you found any answer to this?

Also problem when the page is site homepage: It does not matter that you have set the thumbnail photo for homepage, there is no photo shown in highlighted content web part for that homepage.