4

I am working on a sharepoint server 2013 on-premise. currently I have 3 site collections. And on some site collections I have 2 levels of sub-sites.

Now currently we depend on the left side navigation (Quick launch links) for navigating between the site collections and their sub-sites. But the problem with the current navigation is that you can not know where in the hierarchy the current site or the current list is in. Now on most web applications this can be achieved using a breadcrumb navigation.. such as

Home>> Sitecollection Name >> subsite Name>> List Name

so i am not sure if sharepoint provide this feature out of the box ? or if there are any third party solutions ? or last option is if i can achieve this inside my master page using javascript and/or other approaches ?

Thanks

Improve this question
2
  • You can use the OOTB Breadcrumb in the SharePoint 2013. Reference: academy.bindtuning.com/…
    – Dikesh Gandhi
    Mar 20, 2017 at 12:14
  • @DikeshGandhi ok thanks for the link, it works for my site collections and subsites very well.. but the only issue i have is that the breadcrumb is being displayed inside a drop-down list.. so is there a way to show it as on one line instead as follow "Home>> Sitecollection Name >> subsite Name>> List Name" ??
    – John John
    Mar 20, 2017 at 12:32

1 Answer 1

Reset to default
8

The breadcrumb from SharePoint 2010 still exists in the SharePoint 2013 Masterpages but are hidden. You can enable it again by editing the Masterpage and remove some inline CSS and change the visible attribute to true.

Make a copy of the Seattle Masterpage and find this line:

<div class="ms-breadcrumb-dropdownBox" style="display:none;">

Remove the inline style so you only have the div class. Inside the div there will be two ID's named DeltaBreadcrumbDropdown and PlaceHolderTitleBreadcrumb. Find the value named Visible="false" and change both to true.

Let’s bring the breadcrumb back to SharePoint 2013!

The OOTB icon is not to fancy, but you can override it with some JavaScript and an icon of your own.

enter image description here

Improve this answer
7
  • thanks a lot for the great reply.. now i tried your steps and worked for me where i got breadcrumb navigation working for my sites and sub-sites.. but as you mentioned on your reply the OOTB icon is not to fancy and also having the navigation links on a dropdown is not very user friendly... so can i chnage the look and feel of the dropdown to show the breabcrumb links on one single link (as in the standard breabcrumbs) something as follow :- "Home>> Sitecollection Name >> subsite Name>> List Name" ??
    – John John
    Mar 20, 2017 at 12:36
  • 1
    You should be able to get back that look. Check this out blog, where it's described in detail how to do it: blog.sharepointexperience.com/2015/08/…
    – Christoffer
    Mar 20, 2017 at 12:53
  • now generally speaking is the breadcrumb navigation something that is provided inside publishing and non-publishing site collections??
    – John John
    Mar 20, 2017 at 13:04
  • @johnG No. However, the author states that the traditional breadcrumb and non-publishing sites does not work all the time or misbehaves.
    – Christoffer
    Mar 20, 2017 at 13:11
  • 1
    now seems the built-in dropdown breadcrumb will work on all the sites, subsite regardless if they have the publishing features enabled or disabled... but when i try to use the following traditional breabcrumb <asp:ContentPlaceHolder id="customBreadcrumb" runat="server"> <asp:SiteMapPath runat="server" SiteMapProvider="SPContentMapProvider" RenderCurrentNodeAsLink="false" NodeStyle-CssClass="breadcrumbNode" CurrentNodeStyle-CssClass="breadcrumbCurrentNode" RootNodeStyle-CssClass="breadcrumbRootNode" HideInteriorRootNodes="true" SkipLinkText=""/> </asp:ContentPlaceHolder>
    – John John
    Mar 20, 2017 at 13:20

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.