dlocc.com

Hide Breadcrumbs on Certain Pages

SharePoint BreadcrumbsBreadcrumbs are great for navigational purposes and help users cruise around your SharePoint site with assisted ease.  Sometimes you may want a page to not have the breadcrumb trail and you may be looking for an easy way to get rid of them on that specific page.  Follow along on this easy tutorial to view how to do just this! 

Using CSS and the Content Editor Web Part we will make breadcrumbs disappear with a few lines of code.  Follow along through the following steps and you'll know be removing those breadcrumbs in no time.  Please note you must have the appropriate site permissions to complete this tutorial.

Before:

After:

1. Navigate to the page you wish to not have the breadcrumb navigation

2. Insert a Content Editor Web Part by clicking on Site Actions > Edit Page and clicking the Add a Web Part

Add a web part

 

3. Navigate to the CEWP and enter into the appropriate zone and modify the Web Part

4. Click on Source Editor and enter the following lines of code:


td.ms-titlearea {
display:none;
}

Now apply the changes and you will see the breadcrumbs are no longer there.

Note: You may choose to hide the webpart by expanding the layout tab and clicking "hidden"

 

Comments
Add New Search RSS
+/-
Write comment
Name:
Email:
 
Website:
Title:
UBBCode:
[b] [i] [u] [url] [quote] [code] [img] 
 
 
:angry::0:confused::cheer:B):evil::silly::dry::lol::kiss::D:pinch:
:(:shock::X:side::):P:unsure::woohoo::huh::whistle:;):s
:!::?::idea::arrow:
 
Please input the anti-spam code that you can read in the image.
John   |63.105.51.xxx |2008-12-31 10:18:53
This doesn't work
Quote
0 0

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."
 

Main Menu

Enter SharePoint Forum
Joining is easy...
You are here  : Home SharePoint Solutions Hide Breadcrumbs on Certain Pages