HOWTO: Add Full Breadcrumbs for SharePoint 2010

SharePoint 2010 provides basic site breadcrumbs at the top of the screen, but as users navigate down through the site structure the breadcrumbs only allow you to return to the current site home page, not sites that are higher up in the structure. While you can use the pop-out navigation structure, this is an extra click for users and isn’t displayed by default.

SharePoint 2010 includes a SiteMapPath control that can be used to display the site structure above the current site. You can add this to your master page using the following tag:

<asp:SiteMapPath runat="server" id="your-control-id" Font-Overline="False"></asp:SiteMapPath>

Usually I replace the site link to the home page such as in the following excerpt:

<asp:ContentPlaceHolder id="PlaceHolderSiteName" runat="server"> 
<!--Make the site link invisible, in case other controls require it--> 
<SharePoint:SPLinkButton runat="server" NavigateUrl="~site/" id="onetidProjectPropertyTitle" Visible="False">
<SharePoint:ProjectProperty runat="server" Property="Title" InDesign="True" PageUri="<a href=""></a>" Version="3"> 
            <!--Add full breadcrumbs--></strong>
             <asp:SiteMapPath runat="server" id="SiteMapPath1" Font-Overline="False"></asp:SiteMapPath></strong>

This will replace the normal site home page link with the full breadcrumbs to your site.


4 Responses to “HOWTO: Add Full Breadcrumbs for SharePoint 2010”

  1. Adriana Says:

    Great!! I spend a lot of time to try to understand how can I do that.

  2. ramesh Says:

    thanks a lot for the post. it saved my day

  3. Radjkill Says:

    Thanks. It’s a saving of time !!

  4. jriesen Says:

    This is great, however it doesn show “site settings” for example on application pages. Also doesn’t show the list/library view node. What needs to be added to make this work, at a minimum, on list and library pages so you can change views from the breadcrumb?

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: