Take your SharePoint social features to the next level with “I like it” and “Tags” counters: Part 3

April 05, 2012

In the previous parts I showed you how to retrieve all tags for a specific page/item.

In this part (the last one) I will show you how you can integrate these tags into your design.

This will be the final result:

Social Tags Results

Social Tags Results

User Control

You have various possibilities to show these tag results on your page. One of these possibilities, which I am going to explain, is a user control.

The advantage of creating an user control is that you can add the control into your master page, and so it will be displayed on all the pages that uses this master page.

My user control looks like this:

And this is the content of the code behind:

Master Page

When you deploy your (or mine, can be downloaded at the bottom) user control to SharePoint, you need to reference it in your master page.

Step 1

Open your master page in SharePoint Designer and add the user control reference at the top of the master page.

Step 2

Find the place where you want to add the user control.

In my example I added a new table column next to the social data buttons. You can do this by doing a search for the following class s4-socialdata-notif and change the HTML to this:

HTML Code for Social Tags Location

HTML Code for Social Tags Location

Save and publish your master page. When you now go to a SharePoint page, you should have the following result.

Social Tags Result

Social Tags Result


Social Tagging Control