Enable Breadcrumb in SharePoint 2013 or Implement Classic Breadcrumb in SharePoint 2013

Enable Breadcrumb in SharePoint 2013 or Implement Classic Breadcrumb in SharePoint 2013
InfoPath alternatives for form designing SharePoint

In this post we will discuss about how we can enable breadcrumb in SharePoint 2013 sites. By default breadcrumb is disabled in SharePoint 2013 sites. We can enable the breadcrumb by doing some minor changes in the SharePoint 2013 master pages as well as we can add the classic SharePoint 2010 breadcrumb in our SharePoint 2013 site.

Also read:
– Add Custom Web Part Properties in SharePoint 2013 Visual Web Part

– Show Hide List form fields based on condition using SPUtility in SharePoint 2013

– Delete SharePoint 2013 list using REST API

In SharePoint 2013 they have not removed the breadcrumb, they just hide it in the master page. To make it available Open your master page in SharePoint 2013 designer.

Then open your master page and then search for the below tag which should appear like below:

 Enable Breadcrumb in SharePoint 2013 or Implement Classic Breadcrumb in SharePoint 2013
Enable Breadcrumb in SharePoint 2013 or Implement Classic Breadcrumb in SharePoint 2013

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

Here remove the style=”display:none;” tag from it. So it should look like below:

<div class=”ms-breadcrumb-dropdownBox”>

Then you can see the below tag.

<SharePoint:PopoutMenu Visible=”false” runat=”server” ID=”GlobalBreadCrumbNavPopout”

So here chage Visible=”false” to Visible=”true”, so it should look like below:

<SharePoint:PopoutMenu Visible=”true” runat=”server” ID=”GlobalBreadCrumbNavPopout”

And it should appear like below:

 Enable Breadcrumb in SharePoint 2013 or Implement Classic Breadcrumb in SharePoint 2013
Enable Breadcrumb in SharePoint 2013 or Implement Classic Breadcrumb in SharePoint 2013

Second Approach (Implement Classic Breadcrumb like SharePoint 2010):

To implement the classic breadcrumb like SharePoint 2010, You can just use the below tag where ever you want in the master page.

You can try below options:

<asp:SiteMapPath runat=”server” SiteMapProviders=”SPSiteMapProvider,SPXmlContentMapProvider” RenderCurrentNodeAsLink=”false” NodeStyle-CssClass=”breadcrumbNode” CurrentNodeStyle-CssClass=”breadcrumbCurrentNode” RootNodeStyle-CssClass=”breadcrumbRootNode” HideInteriorRootNodes=”true” SkipLinkText=””/>

<asp:SiteMapPath runat=”server” SiteMapProviders=”CurrentNavSiteMapProviderNoEncode” RenderCurrentNodeAsLink=”false” NodeStyle-CssClass=”breadcrumbNode” CurrentNodeStyle-CssClass=”breadcrumbCurrentNode” RootNodeStyle-CssClass=”breadcrumbRootNode” HideInteriorRootNodes=”true” SkipLinkText=””/>

If you want your list or libraries to appear here in breadcrumb then you can use the below option.

<asp:SiteMapPath runat=”server” SiteMapProviders=”SPContentMapProvider” RenderCurrentNodeAsLink=”false” NodeStyle-CssClass=”breadcrumbNode” CurrentNodeStyle-CssClass=”breadcrumbCurrentNode” RootNodeStyle-CssClass=”breadcrumbRootNode” HideInteriorRootNodes=”true” SkipLinkText=””/>

You can also add in the html master page in design manager like below:

<!–MS:<asp:SiteMapPath runat=”server” SiteMapProviders=”SPSiteMapProvider,SPXmlContentMapProvider” RenderCurrentNodeAsLink=”false” NodeStyle-CssClass=”breadcrumbNode” CurrentNodeStyle-CssClass=”breadcrumbCurrentNode” RootNodeStyle-CssClass=”breadcrumbRootNode” HideInteriorRootNodes=”true” SkipLinkText=””/>–>

or you can also check like below:

<div id=”Breadcrumbs”>
<!–SPM:<SharePoint:AjaxDelta id=”DeltaPlaceHolderPageTitleInTitleArea” runat=”server”>–>
<!–SPM:<asp:ContentPlaceHolder id=”PlaceHolderTitleBreadcrumb” runat=”server”>–>
<!–MS:<asp:sitemappath runat=”server” sitemapproviders=”SPSiteMapProvider,SPXmlContentMapProvider” rendercurrentnodeaslink=”false” hideinteriorrootnodes=”true”>–>
<!–ME:</asp:sitemappath>–>
<!–SPM:</asp:ContentPlaceHolder>–>
<!–SPM:</SharePoint:AjaxDelta>–>
</div>

Here in all these options, the changes is in the SiteMapProviders option.

Hope this will be helpful.

Similar SharePoint 2013 Tutorials

About Bijay Kumar

I am Bijay from Odisha, India. Currently working in my own venture TSInfo Technologies in Bangalore, India. I am Microsoft Office Servers and Services (SharePoint) MVP (5 times). I works in SharePoint 2016/2013/2010, SharePoint Online Office 365 etc. Check out My MVP Profile.. I also run popular SharePoint web site SharePointSky.com

View all posts by Bijay Kumar →

Leave a Reply