Friday, August 6, 2010

Enable Small Social Buttons in SharePoint 2010

To convert the large social buttons to smaller ones you simply have to modify the following:

Within your custom Master Page search for: “GlobalSiteLink3

Simply Add “-mini” to the control ID

Original Large Control:
<SharePoint:DelegateControl ControlId="GlobalSiteLink3" Scope="Farm" runat="server"/>
image

New Small Control ID:
<SharePoint:DelegateControl ControlId="GlobalSiteLink3-mini" Scope="Farm" runat="server"/>
imageIf you want to make the small buttons horizontal versus vertical simply add the following to your custom CSS:

.ms-mini-socialNotif-Container{
    white-space: nowrap;
}

image
Enjoy!

1 comment:

Neelima said...

Erik,
Sounds great. But what if I want to replace those images with different ones. I couldn't find any appropriate style for social tag images in Corev4.css.
May I know what I have to do inorder to change those images.
Thanks
Neelima