Promoted links, The New OTB Tile Web Part in SharePoint 2013

Ashok Raja
 
Solutions Architect
January 16, 2013
 
Rate this article
 
Views
1361

This post is a walk through on creation of Promoted Links, The new Out of the Box Tile Web Part available in SharePoint 2013.

At the end of this walk through we would be having a Promoted Links Web part as shown below.

clip_image002

Every Team site by default comes with a Promoted Links List pre-loaded with some links to commonly performed actions. These links are displayed as Tiles in the home page as shown below.

clip_image004

Let’s start by creating a new Promoted Links list in a Publishing Site instead of a Team Site. Promoted links are part of Team Collaboration Lists and are available by default for Team Site templates. To avail these templates in Publishing site “Team Collaboration Lists” Feature has to be activated. To activate this feature, navigate to site settings

clip_image006

and select Manage Site Features

clip_image008

Identify the “Team Collaboration Lists” feature in the list of available features and click Activate. This will add the capabilities and functionalities of a Team Site to a Publishing Site.

clip_image010

Now let’s add some Images to be used it in our promoted links. Navigate to Images library and add some images.

clip_image012

To add a new promoted links list, select “Add an App” under settings link

clip_image014

And select Promoted Links

clip_image016

For this walk through I have named the list as Links

clip_image018

Let’s add some couple of entries to the newly added Promoted Links list (This list can be accessed under Site Contents).

clip_image020

I have added SharePoint Frontier’s links on face book, twitter and Google plus as new items for this list.

clip_image022

Each entry is linked with the URL of an Image that we have added earlier to the Images library. To get the URL of the image, either you can click the … link at the right hand side corner of each image tile

clip_image024

or you can click on the image and navigate to the next page and copy the image URL by right clicking the name of the image.

clip_image026

The below is the Tile view of Links list that we have created.

clip_image030

Tile View does not allow you to edit an item. To edit an item that we have added to the Promoted Links list, change the view to All Promoted Links, which is available under Current View in List Tab and select the item that you wish to edit.

clip_image032

All Promoted Links View

clip_image034

To add the Promoted Links Web Part, edit a page and select the list name under Apps  Category(For this walk through I have named my Promoted Links list as Links) and add it to a web part zone.

clip_image028

Save and publish the page. That’s it, now we would be able to see the promoted links web part as shown in starting of this blog post.

Author Info

Ashok Raja
 
Solutions Architect
 
Rate this article
 
I am Ashok Raja, Share Point Consultant and Architect based out of Chennai, India. ...read more
 

Leave a comment