SharePoint 2013 BreadCrumb On Master Page

  •  
  •  
  •  
  •  
  •  
  •  

Let’s bring the breadcrumb back to SharePoint 2013!

By default SharePoint 2013 design manager  doesn’t have a breadcrumb snippet . If you are going to build master page for sharepoint 2013 and wants breadcrumb in your master page, this was a very helpful feature to navigate back in your site and some users really miss it.

You have to just paste the given bellow code in your master page where you want to show-

<div class=”ms-breadcrumb-box ms-tableCell ms-verticalAlignTop”>
<div class=”ms-breadcrumb-top”>
<div class=”ms-breadcrumb-dropdownBox” style=”display:none;”>
<!–SPM:<SharePoint:AjaxDelta id=”DeltaBreadcrumbDropdown” runat=”server”>–>
<!–SPM:<SharePoint:PopoutMenu
Visible=”false”
runat=”server”
ID=”GlobalBreadCrumbNavPopout”
IconUrl=”/_layouts/15/images/spcommon.png?rev=40″
IconAlt=”<%$Resources:wss,master_breadcrumbIconAlt%>”
ThemeKey=”v15breadcrumb”
IconOffsetX=”215″
IconOffsetY=”120″
IconWidth=”16″
IconHeight=”16″
AnchorCss=”ms-breadcrumb-anchor”
AnchorOpenCss=”ms-breadcrumb-anchor-open”
MenuCss=”ms-breadcrumb-menu ms-noList”>–>
<div class=”ms-breadcrumb-top”>
<!–SPM:<asp:Label runat=”server” CssClass=”ms-breadcrumb-header” Text=”<%$Resources:wss,master_breadcrumbHeader%>”/>–>
</div>
<!–SPM:<asp:ContentPlaceHolder id=”PlaceHolderTitleBreadcrumb” runat=”server”>–>
<!–SPM:<SharePoint:ListSiteMapPath
runat=”server”
SiteMapProviders=”SPSiteMapProvider,SPContentMapProvider”
RenderCurrentNodeAsLink=”false”
PathSeparator=””
CssClass=”ms-breadcrumb”
NodeStyle-CssClass=”ms-breadcrumbNode”
CurrentNodeStyle-CssClass=”ms-breadcrumbCurrentNode”
RootNodeStyle-CssClass=”ms-breadcrumbRootNode”
NodeImageOffsetX=”0″
NodeImageOffsetY=”289″
NodeImageWidth=”16″
NodeImageHeight=”16″
NodeImageUrl=”/_layouts/15/images/fgimg.png?rev=40″
RTLNodeImageOffsetX=”0″
RTLNodeImageOffsetY=”312″
RTLNodeImageWidth=”16″
RTLNodeImageHeight=”16″
RTLNodeImageUrl=”/_layouts/15/images/fgimg.png?rev=40″
HideInteriorRootNodes=”true”
SkipLinkText=””/>–>
<!–SPM:</asp:ContentPlaceHolder>–>
<!–SPM:</SharePoint:PopoutMenu>–>
<!–SPM:</SharePoint:AjaxDelta>–>
</div>
<!–SPM:<SharePoint:AjaxDelta id=”DeltaTopNavigation” BlockElement=”true” CssClass=”ms-displayInline” runat=”server”>–>
<!–SPM:<SharePoint:DelegateControl runat=”server” ControlId=”TopNavigationDataSource” Id=”topNavigationDelegate”>–>
<!–SPM:<Template_Controls>–>
<!–SPM:<asp:SiteMapDataSource
ShowStartingNode=”False”
SiteMapProvider=”SPNavigationProvider”
id=”topSiteMap”
runat=”server”
StartingNodeUrl=”sid:1002″/>–>
<!–SPM:</Template_Controls>–>
<!–SPM:</SharePoint:DelegateControl>–>
<!–SPM:<asp:ContentPlaceHolder id=”PlaceHolderTopNavBar” runat=”server”>–>
<!–SPM:<SharePoint:AspMenu
ID=”TopNavigationMenu”
Runat=”server”
EnableViewState=”false”
DataSourceID=”topSiteMap”
AccessKey=”<%$Resources:wss,navigation_accesskey%>”
UseSimpleRendering=”true”
UseSeparateCss=”false”
Orientation=”Horizontal”
StaticDisplayLevels=”2″
AdjustForShowStartingNode=”true”
MaximumDynamicDisplayLevels=”2″
SkipLinkText=””/>–>
<!–PS: Start of READ-ONLY PREVIEW (do not modify)–><link rel=”stylesheet” type=”text/css” href=”https://fahadkhantest2.sharepoint.com/_layouts/15/1033/styles/menu-21.css” /><div id=”zz7_TopNavigationMenu” class=” noindex ms-core-listMenu-horizontalBox”><ul id=”zz9_RootAspMenu” class=”root ms-core-listMenu-root static”><li class=”static”><a class=”static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode” tabindex=”0″ title=”Default Publishing Site” href=”#” accesskey=”1″><span class=”additional-background ms-navedit-flyoutArrow”><span class=”menu-item-text”>Default Publishing Site</span></span></a></li></ul></div><!–PE: End of READ-ONLY PREVIEW–>
<!–SPM:</asp:ContentPlaceHolder>–>
<!–SPM:</SharePoint:AjaxDelta>–>
</div>
<h1 id=”pageTitle” class=”ms-core-pageTitle”>
<!–SPM:<SharePoint:AjaxDelta id=”DeltaPlaceHolderPageTitleInTitleArea” runat=”server”>–>
<!–SPM:<asp:ContentPlaceHolder id=”PlaceHolderPageTitleInTitleArea” runat=”server”>–>
<!–SPM:<SharePoint:SPTitleBreadcrumb
runat=”server”
RenderCurrentNodeAsLink=”true”
SiteMapProvider=”SPContentMapProvider”
CentralAdminSiteMapProvider=”SPXmlAdminContentMapProvider”
SkipLinkText=””>–>
<!–PS: Start of READ-ONLY PREVIEW (do not modify)–><span id=”ctl00_DeltaPlaceHolderPageTitleInTitleArea”>Home</span><!–PE: End of READ-ONLY PREVIEW–>
<!–SPM:<PATHSEPARATORTEMPLATE>–>
<!–SPM:<SharePoint:ClusteredDirectionalSeparatorArrow runat=”server”/>–>
<!–SPM:</PATHSEPARATORTEMPLATE>–>
<!–SPM:</SharePoint:SPTitleBreadcrumb>–>
<!–SPM:</asp:ContentPlaceHolder>–>
<!–SPM:</SharePoint:AjaxDelta>–>
<!–SPM:<SharePoint:AjaxDelta BlockElement=”true” id=”DeltaPlaceHolderPageDescription” CssClass=”ms-displayInlineBlock ms-normalWrap” runat=”server”>–>
<a href=”javascript:;” id=”ms-pageDescriptionDiv” style=”display:none” data-accessibility-nocheck=”true”>
<span id=”ms-pageDescriptionImage”>
</span>
</a>
<span class=”ms-accessible” id=”ms-pageDescription”>
<!–SPM:<asp:ContentPlaceHolder id=”PlaceHolderPageDescription” runat=”server”/>–>
</span>
<!–SPM:<SharePoint:ScriptBlock runat=”server”>–>
<!–SPM:_spBodyOnLoadFunctionNames.push(“setupPageDescriptionCallout”);–>
<!–SPM:</SharePoint:ScriptBlock>–>
<!–SPM:</SharePoint:AjaxDelta>–>
</h1>
</div>

Leave a Reply

Your email address will not be published.

1 − one =