Friday, January 21, 2011

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
So, Here are the steps:
  1. Open your Master page in SharePoint designer. Search for "PlaceHolderGlobalNavigation"
  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.)

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"/>

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">

   padding:5px 0px 5px 5px;
   font-family: Arial sans-serif;
   font-weight: normal;
   background-color: #EEE;
   border-bottom: 1px #CCC solid;


Here is our output:

You might also like:
SharePoint Usage Reports
Usage reports, collaboration and audit for SharePoint.
Document SharePoint Farm
Automatically generate SharePoint documentation.

Check out these SharePoint products:


  1. Thanks perfect!

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

    1. Hi David,
      That's right! It should be: MOSS-Style-breadcrumb! Thanks!!


Please Login and comment to get your questions answered!

You might also like:

Related Posts Plugin for WordPress, Blogger...