Friday, March 12, 2010

How to hide breadcrumb on single page in SharePoint

Hi All,

May times we require to hide bread crumb on single page. Say you have created one web part page in one document library and when you visit the web part page, you will see your site->document library->web part page name.

And you do not want your user to click on document library and see the content in it.

Hence we can place one content editor web part on the page and write down following code. This will remove the bread crumb from the page.

I am creating one demopage.aspx under shared document library.

You can observe bread crumb, where user can click on it and go to the shared documents.

Now add one content editor web part and add the following code into.

<style rel="stylesheet" type="text/css" /> { display:none; }

Just make sure that you set chrome type to none under appearance.

Simple, see the result. Bread crumb is no more on the page.

That's it. Your job is done.


Anonymous said...

works perfect

Anonymous said...

Brilliant worked perfect!! Thanks :)

Anonymous said...

Wonderful, thank you!

Anonymous said...

Have no clue why this works, but it was great! Thanks!

Anonymous said...

Excellent, thanks! :)

Share your SharePoint Experiences with us...
As good as the SharePointKings is, we want to make it even better. One of our most valuable sources of input for our Blog Posts comes from ever enthusiastic Visitors/Readers. We welcome every Visitor/Reader to contribute their experiences with SharePoint. It may be in the form of a code stub, snippet, any tips and trick or any crazy thing you have tried with SharePoint.
Send your Articles to with your Profile Summary. We will Post them. The idea is to act as a bridge between you Readers!!!

If anyone would like to have their advertisement posted on this blog, please send us the requirement details to