Promoted links web part in SharePoint online

Promoted links webpart in SharePoint online
InfoPath alternatives for form designing SharePoint

Here we will discuss what is a promoted links web part and how to create and use a promoted links webpart in SharePoint online.

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

Let’s go create and configure Promoted links webpart
Navigate to sharepoint site. Click Site Action -> Add an app Click to create promoted links -> Provide the title “Shortcuts” -> Create

promoted links webpart in sharepoint online
promoted links webpart in sharepoint online

 

Also you can read:

– SharePoint online Change SharePoint ListView To Jquery Accordion Using JSLink Client Side Rendering

– How to create and configure metadata navigation and filtering 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

sharepoint 2013 promoted links web part
sharepoint 2013 promoted links web part

Title: It display 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 display 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 a 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 purpose

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

sharepoint 2016 promoted links web part
sharepoint 2016 promoted links web part

 

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

promoted links in sharepoint 2013 multiple rows
promoted links in sharepoint 2013 multiple rows

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

sharepoint 2013 promoted links responsive
sharepoint 2013 promoted links responsive

 

Click on the tiles to view to documents

promoted links in sharepoint 2013
promoted links in sharepoint 2013

 

promoted links in sharepoint online
promoted links in sharepoint online

 

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

Promoted links webpart in SharePoint online
Promoted links webpart in SharePoint online

 

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

SharePoint online Promoted links webpart
SharePoint online Promoted links webpart

 

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

Similar SharePoint 2013 Tutorials


Leave a Reply