MOSS 2007 Style Breadcrumb for SharePoint 2010

SharePoint 2010 provided a new breadcrumb feature… But for the consistency sake on internet sites, we may need to go for MOSS 2007 style breadcrumb. So here I’m explaining How to get MOSS 2007 style breadcrumb on SharePoint 2010.

moss 2007 style breadcrumb sharepoint 2010

Here are the steps:

  1. Open your Master page in SharePoint designer. Search for “PlaceHolderGlobalNavigation”
selecttag

  2. Select the complete tag and delete! ( just place your cursor either in beginning or end of the tag <asp:ContentPlaceHolder id=”PlaceHolderGlobalNavigation” runat=”server”> and then choose “Select tag” from the context menu.)

Selecttag2

3. Now search for “<div id=”s4-mainarea” class=”s4-pr s4-widecontentarea”>” and then paste the below code just above the <div id=”s4-mainarea” class=”s4-pr s4-widecontentarea”>

<div class="MOSS-Style-breadcrumb">
    <asp:ContentPlaceHolder id="PlaceHolderTitleBreadcrumb" runat="server">
        <asp:SiteMapPath SiteMapProvider="SPContentMapProvider" id="ContentMap" runat="server"/>
    </asp:ContentPlaceHolder>  
</div>

Finally, to give me the complete look and feel, we’ll give some CSS touch. Paste the below CSS code just above the </head> tag of the Master page.

<style type="text/css">

.MOSS-Style-breadcrumb
{
   padding:5px 0px 5px 5px;
   font-family: Arial sans-serif;
   font-size:8pt;
   font-weight: normal;
   background-color: #EEE;
   border-bottom: 1px #CCC solid;
}

</style>

Here is our output:

Tradit

Salaudeen Rajack

Information Technology Professional with Two decades of SharePoint Experience.

3 thoughts on “MOSS 2007 Style Breadcrumb for SharePoint 2010

  • March 13, 2013 at 11:36 PM

    The class is MOSS-Style-breadcrumb not MOSS-2007-breadcrumb in Css

    Reply

Leave a Reply