SOLVED

Modern Team site - DocLib & List web parts

%3CLINGO-SUB%20id%3D%22lingo-sub-795285%22%20slang%3D%22en-US%22%3EModern%20Team%20site%20-%20DocLib%20%26amp%3B%20List%20web%20parts%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-795285%22%20slang%3D%22en-US%22%3E%3CP%3EUse%20case%20%26gt%3B%20Modern%20team%20site%20w%2F%20site%20pages.%20On%20the%20site%20pages%20we%20want%20to%20put%20a%20web%20part%20that%20can%20show%20a%20simple%20list%20of%20links.%20The%20list%20of%20links%20is%20not%20static%20but%20dynamic%20in%20the%20sense%20that%20the%20source%20of%20links%20list%20can%20be%20a%20simple%20Modern%20List%20(with%202%20fields%20%26gt%3B%20LinkTitle%20%26amp%3B%20LinkURL)%26nbsp%3B%20of%20Items%20or%20a%20Modern%20Document%20Library%2C%20where%20both%20of%20them%20can%20be%20updated%20by%20a%20user%20adding%20a%20new%20Item%20(I%2Ft%20Item%20List)%20or%20a%20new%20link%20(i%2Ft%20Doc%20Library).%3C%2FP%3E%3CP%3E2%20challenges%3C%2FP%3E%3COL%3E%3CLI%3EWhen%20using%20the%20List%20web%20part%20%26gt%3B%20the%20LinkTitle%20is%20displayed%20as%20expected%2C%20yet%20on%20click%20it%20opens%20the%20Item%20itself%2C%20whereas%20we%20want%20to%20open%20the%20url%20stored%20witin%20LinkURL%20field%20%26gt%3B%20is%20that%20possible%3F%3C%2FLI%3E%3CLI%3EWhen%20using%20a%20Document%20Library%20%26gt%3B%20the%20title%20of%20the%20link%20is%20displayed%20as%20expected%20and%20the%20links%20opens%20the%20source%20specified%20in%20the%20URL%20field%2C%20yet%20each%20link%20title%20has%20the%20extension%20'.URL'%20displayed%20%26gt%3B%20is%20it%20possible%20to%20hide%2Fcut-off%20the%20'.URL'%20extension%3F%3C%2FLI%3E%3C%2FOL%3E%3CP%3EHappy%20to%20hear%20if%20there's%20a%20better%20alternative%20(other%20web%20part)%20that%20would%20provide%20a%20simple%20list%20of%20links%20that%20can%20be%20updated%20by%20adding%20a%20new%20link%20in%20a%20background%20source%20(List%2C%20Library%2C%20other%20%E2%80%A6).%20Tx.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-795285%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDocument%20Library%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ELists%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESites%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-795304%22%20slang%3D%22en-US%22%3ERe%3A%20Modern%20Team%20site%20-%20DocLib%20%26amp%3B%20List%20web%20parts%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-795304%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1142%22%20target%3D%22_blank%22%3E%40Eric%20Deferm%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20think%20you%20can%20achieve%20what%20you%20want%20by%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3COL%3E%3CLI%3EUse%20the%20document%20library%20option%20you%20mentioned%20above.%20Create%20your%20links%20using%20the%20%22Link%22%20content%20type%20which%20gives%20you%20the%20strange%20%22.url%22%20ending%3C%2FLI%3E%3CLI%3ESet%20up%20a%20%22Highlighted%20Content%22%20web%20part%20on%20your%20page%20and%20connect%20it%20to%20that%20library.%20It%20will%20display%20the%20items%20in%20that%20library%20and%20clicking%20on%20an%20item%20will%20actually%20go%20to%20the%20desired%20URL%2C%20not%20the%20list%20item%20itself.%3C%2FLI%3E%3CLI%3EYou%20won't%20see%20the%20%22.url%22%20extension%2C%20just%20the%20link%20title%3C%2FLI%3E%3C%2FOL%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBest%2C%3C%2FP%3E%3CP%3EThomas%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-795378%22%20slang%3D%22en-US%22%3ERe%3A%20Modern%20Team%20site%20-%20DocLib%20%26amp%3B%20List%20web%20parts%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-795378%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F241707%22%20target%3D%22_blank%22%3E%40Thomas%20Berman%3C%2FA%3E%26nbsp%3B%3CFONT%3EHi%20Thomas%2C%20tx%20for%20your%20incredible%20fast%20response.%20The%20Highlighted%20Content%20web%20part%20is%20indeed%20delivering%20a%20better%20result.%201%20small%20challenge%20left%2C%20in%20front%20of%20each%20link%20it%20shows%20a%20little%20'web%20icon'.%20Would%20it%20be%20possible%20to%20hide%20that%20as%20well.%20Tx%20in%20advance.%3C%2FFONT%3E%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20297px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F126216i7CA72C8DA591F2E0%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22image.png%22%20title%3D%22image.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-795401%22%20slang%3D%22en-US%22%3ERe%3A%20Modern%20Team%20site%20-%20DocLib%20%26amp%3B%20List%20web%20parts%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-795401%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1142%22%20target%3D%22_blank%22%3E%40Eric%20Deferm%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EYeah%20that%20icon%20is%20super%20annoying.%20Unfortunately%2C%20I%20don't%20think%20there's%20a%20supported%20way%20to%20get%20rid%20of%20it.%26nbsp%3B%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-795430%22%20slang%3D%22en-US%22%3ERe%3A%20Modern%20Team%20site%20-%20DocLib%20%26amp%3B%20List%20web%20parts%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-795430%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F241707%22%20target%3D%22_blank%22%3E%40Thomas%20Berman%3C%2FA%3Eforgot%20to%20mention%2C%20the%20Document%20Library%20web%20part%20has%20also%20a%20'See%20all'%20link%20which%20comes%20in%20handy%20when%20there%20are%20more%20links%20to%20show.%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20359px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F126220i1753A67111D3FC75%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22image.png%22%20title%3D%22image.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1127971%22%20slang%3D%22en-US%22%3ERe%3A%20Modern%20Team%20site%20-%20DocLib%20%26amp%3B%20List%20web%20parts%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1127971%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F241707%22%20target%3D%22_blank%22%3E%40Thomas%20Berman%3C%2FA%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1142%22%20target%3D%22_blank%22%3E%40Eric%20Deferm%3C%2FA%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI'm%20trying%20to%20achieve%20something%20similar%2C%20with%20a%20document%20library%20of%20URL%20links%2C%20but%20the%20Highlighted%20Content%20web%20part%20-%20which%20I%20really%20want%20to%20use%20-%20downloads%20a%20URL%20file%20rather%20than%20opening%20the%20website.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI've%20tried%20the%20Document%20Library%20web%20part%20too%2C%20and%20that%20also%20downloads%20the%20URL%20file%2C%20unless%20-%20bizarrely%20-%20I%20add%20the%20Name%20field%20twice%20to%20the%20view%20(e.g.%20%22Name%3A%2C%20and%20%22Name%20(for%20use%20on%20form)%22)%2C%20in%20which%20case%20the%20site%20opens.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20Document%20Library%20itself%20works%20as%20advertised%2C%20but%20I'm%20wanting%20to%20use%20the%20Highlighted%20Content%20Web%20Part%2C%20along%20with%20Audiences%2C%20to%20put%20a%20little%20intelligence%20behind%20our%20organization's%20ever%20expanding%20list%20of%20URLs.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EKarl%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Frequent Contributor

Use case > Modern team site w/ site pages. On the site pages we want to put a web part that can show a simple list of links. The list of links is not static but dynamic in the sense that the source of links list can be a simple Modern List (with 2 fields > LinkTitle & LinkURL)  of Items or a Modern Document Library, where both of them can be updated by a user adding a new Item (I/t Item List) or a new link (i/t Doc Library).

2 challenges

  1. When using the List web part > the LinkTitle is displayed as expected, yet on click it opens the Item itself, whereas we want to open the url stored witin LinkURL field > is that possible?
  2. When using a Document Library > the title of the link is displayed as expected and the links opens the source specified in the URL field, yet each link title has the extension '.URL' displayed > is it possible to hide/cut-off the '.URL' extension?

Happy to hear if there's a better alternative (other web part) that would provide a simple list of links that can be updated by adding a new link in a background source (List, Library, other …). Tx.

 

5 Replies
best response confirmed by Eric Deferm (Frequent Contributor)
Solution

@Eric Deferm 

 

I think you can achieve what you want by:

 

  1. Use the document library option you mentioned above. Create your links using the "Link" content type which gives you the strange ".url" ending
  2. Set up a "Highlighted Content" web part on your page and connect it to that library. It will display the items in that library and clicking on an item will actually go to the desired URL, not the list item itself.
  3. You won't see the ".url" extension, just the link title

 

Best,

Thomas

@Thomas Berman Hi Thomas, tx for your incredible fast response. The Highlighted Content web part is indeed delivering a better result. 1 small challenge left, in front of each link it shows a little 'web icon'. Would it be possible to hide that as well. Tx in advance.

image.png

@Eric Deferm 

 

Yeah that icon is super annoying. Unfortunately, I don't think there's a supported way to get rid of it.  

@Thomas Bermanforgot to mention, the Document Library web part has also a 'See all' link which comes in handy when there are more links to show.

image.png

@Thomas Berman @Eric Deferm 

 

I'm trying to achieve something similar, with a document library of URL links, but the Highlighted Content web part - which I really want to use - downloads a URL file rather than opening the website.

 

I've tried the Document Library web part too, and that also downloads the URL file, unless - bizarrely - I add the Name field twice to the view (e.g. "Name:, and "Name (for use on form)"), in which case the site opens.

 

The Document Library itself works as advertised, but I'm wanting to use the Highlighted Content Web Part, along with Audiences, to put a little intelligence behind our organization's ever expanding list of URLs.

 

Thanks,

 

Karl