Promoted links web part in SharePoint Online

Promoted links webpart in SharePoint online
SharePoint deveopment training course

This SharePoint tutorial explains, what is a promoted links web part and how to create and use a promoted links webpart in SharePoint Online.

Promoted links web part in SharePoint Online

Promoted links webpart it’s a new list webpart the way of adding item into this webpart is the same as custom list webpart. But the look and feel are different. this webpart provides the tile view of items like documents, lists and libraries, Items and pages.

Create and Configure Promoted links web part in SharePoint Online

Let’s go create and configure Promoted links webpart in SharePoint Online site.

Navigate to the sharepoint site. Click Site Action -> Add an app Click to create promoted links -> Provide the title “Shortcuts” -> Create

promoted links in sharepoint online

On the First look, you get the message “The list is empty Add tiles from the promoted links view” it means there is no link is found to view in a tile. So, click on the Add tiles from the promoted links view to add the items.

Click on New Item to add the links to view in a tile.

promoted links in sharepoint online
  • Title: It displays the title information of the link for display purpose
  • Background Images: It displays the background images in the tile. For each item, the images are different it looks cool when you apply.
  • Description: It displays the detailed information of the link
  • Link Location: It helps to navigate to the links may be documents libraries, lists pages, etc..
  • Launch Behavior: It will be three categories
  • Page Navigation – it opens the links in the same page
  • Dialog – It opens inside a page dialog
  • New tab – It opens a link in separate tabs
  • Order: It maintains the order of the tiles view 1,2,3,4, like this

Am just added some files into document library for viewing the purpose

Under “Csharpcorner” I have two folders. Each folder contains some documents

promoted links list in sharepoint online

Now add a promoted links to this “Csharpcorner folder” like below:

creating promoted links in sharepoint online

Provided all the information set launch behavior as “dialog” -> Click save. So now tile has been created successfully.

customize promoted links in sharepoint online

Click on the tiles to view the documents.

edit promoted links in sharepoint online
Promoted links web part in SharePoint Online

Now am going to add more promoted links into this webpart to make look and feel awesome.

creating promoted links in sharepoint online

Now am just swap the order of 4 to 1 changing the order between csharpcorner and office 365.

customize promoted links in sharepoint online

You may like following SharePoint tutorials:

This webpart looks cool, without the writing of any code or usage of third party plugins. Try to this OOTB webpart it will help you in branding wise and satisfy some customer needs.

Check out Best Alternative to InfoPath -> Try Now

free sharepoint training

SharePoint Online FREE Training

JOIN a FREE SharePoint Video Course (3 Part Video Series)

envelope
envelope