Add “real” breadcrumbs to SharePoint 2013 master page.

Just as I’m doing it on my dev site and are waiting for the… this shouldn’t take long… i give you this little breadcrumb. Place it in your master page wherever you like to show it. Don’t forget that it needs space to grow to the right 😉


21 responses to “Add “real” breadcrumbs to SharePoint 2013 master page.”

  1. Charlton says:

    Thanks for a tremendously helpful post!

  2. siddiqali says:

    Please help me how can I do this using content or script editor webpart

  3. Oberdan says:

    Thanks Frederik!

  4. Jill says:

    This code only shows the top-level site and the site that I’m on; once I drill into a library, it doesn’t show the library name or any of the folders. Similarly, on the top-level site, it just shows that site’s name; it doesn’t show anything more when I drill into a library.

  5. Tonje says:

    Thanks so much! Been looking for this solution for a while now =)

  6. Sumu says:

    Thanks for the contribution. Nice piece of code; save me a lot of time.

  7. LeonaL says:

    Hi Thanks for that but it only shows the first level and third level of my dropdown in the breadcrumb and not the full path, how can i get it to work eg. home> first level> second level> third level.

    Many thanks

  8. Sean says:

    Hi. I get the same result as the other users. This only shows the top level site and no child objects.
    It’s not really a breadcrumb.

  9. Lar says:

    Thanks! This is the only script let, code, additive I tried that actually worked.

  10. Gus says:

    Hi ,

    I’m trying to add your code to create a breadcrumb (main page -> test1page -> library test)

    My master page files are seattle.html and seattle.master

    I tried to add the above code in seattle.html and I’m getting an error that I have to rename the file to .aspx
    is that correct?

    Any help is appreciated.

  11. Rob says:

    Thank you sir!!!!!!

  12. Parth says:

    Thanks a Ton!! Just what I was looking for! Saved me a lot of time.

  13. Rob Walls says:

    Wow, this is what I’ve been looking for (we’re moving from SP 2007 to 2013 and I really miss the “real” bread-crumb trail).

    I put it between s4-workspace and s4-bodyContainer to give it plenty of room to grow and just need to style it a little.

    One question, though, SP (all versions as far as I know) have a “portal site connection” that you can specify for a site collection. In SP 2007 that was pre-pended to the bread-crumb trail nav for all sites and in SP 2010 and SP 2013 (when it’s enabled) that portal site connection link also displays in the GlobalBreadCrumbNavPopout menu. Is there any way to add that to your real bread crumb trail maybe via a label set to some Resource key value or a modified sitemappath or something?

Leave a Reply

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