Fixing the SharePoint 2010 Breadcrumb

In SharePoint 2010 default masterpage (v4.master) has delivered Breadcrumbs in a new, and I think confusing, way.

SharePoint 2010 Breadcrumb

SharePoint 2010 Breadcrumb

From my perspective, this approach is difficult to use because it is hidden from the user. Once you know about it the breadcrumb is easier to find, but its nowhere near as usable as a traditional breadcrumb.

Smashing Magazine offers a range of alternatives you can consider in implementing your own breadcrumb which are worth considering if you want to create a fully-customised master page.

However, want if you want a breadcrumb of the same style as SP2007?

What if you want to revert the 2010 breadcrumb into the style of the 2007 breadcrumb? Well it turns out that the v3 masterpage(the 2007-style masterpage that runs on SharePoint 2010 to allow companies to avoid a visual upgrade) runs the old-school masterpage.

If you dive into the v3 masterpage (default.master) you can see the following snippet to in place of the breadcrumbs.

<asp:SiteMapPath SiteMapProvider=”SPContentMapProvider” id=”ContentMap”  SkipLinkText=”” RenderCurrentNodeAsLink=”true”  NodeStyle-CssClass=”ms-sitemapdirectional” runat=”server”/>

As it turns out, if you paste that snippet into the v4 masterpage it will work perfectly.

Update: Turns out it won’t work perfectly, but its pretty good. There are a number of circumstances (i.e. site settings page) where it falls short, but for most users its better than nothing. To have a perfect breadcrumb, unfortunately you’ll need to open up visual studio.

12 comments on “Fixing the SharePoint 2010 Breadcrumb

  1. Where?

    Hi, this sounds great but for a non tech person… how, where, how?

    I have Sharepoint designer 2010. I have Sharepoint 2010… Where and how do I insert the snippet?

    With regards

  2. Pingback: How to update the SharePoint 2010 Breadcrumb | SharePoint Coskun

  3. This was really really helpful, thanks.

    I tried this and the new breadcrumb was still not quite what I was after, but it gave me the idea to see what other SiteMapProviders I could plug into this line of code. I opened web.config and browed to the node where there were 17 different SiteMapProviders to choose from.

    Thanks again

  4. Sorry I am new to this and trying to figure out… your suggestion: If you dive into the v3 masterpage (default.master) you can see the following snippet to in place of the breadcrumbs.

    As it turns out, if you paste that snippet into the v4 masterpage it will work perfectly.

    Where should this code be pasted and/or what does it replace in v4 master page?

  5. Excellent tip and an easy solution. Thanks!

    Here’s another tip – use the CSS class “s4-notdlg” with this element to prevent breadcrumbs from appearing in dialog boxes. I put mine in a div. Here’s what it looks like:

  6. It works perfectly. But i found one issue when you have folders inside document libraries and inside the folders say for e.g you have more than 50 documents. So you will see paging at the bottom. Navigate to Page 2, and from there click on Documents Library Name from the BreadCrumb. You will return to AllItems.aspx page but with lot of filter conditions and the weird thing is that it shows documents at the library level which are present in the folder.
    Has anyone faced this issue?

Leave a Reply

Your email address will not be published. Required fields are marked *