Just little about C#, .NET, SQL Server, SharePoint and SAP

Hiding Left Navigation Frame and Quick Launch Bar – MOSS

Posted by zieglers on October 20, 2008


I just wanted to give a quick tip on how to

  • hide left navigation frame
  • hide quick launch bar
  • hide recycle bin

in MOSS pages.

There are a lot of solutions out there to above stated desired look & feel. They have all their pros and cons, of course. However, I won’t discuss any of those. I just want to share my approach. Hopefully the easiest one 🙂

Step-1: Create Alternate CSS file:

For this part, all you need to do is copy the following lines to an empty txt file and rename it to myAlternateCSS.css. First one hides Recycle Bin, second hides View All Site Content link, and third one hides the whole Left Navigation Frame. You can include/exclude any of those according to your needs. 

div.ms-quicklaunch table.ms-recyclebin {
display: none;

#ctl00_PlaceHolderLeftNavBar_idNavLinkViewAll {

.ms-navframe {

Alternate CSS File


Step-2: Upload CSS file to any document library:

After creating necessary css file, we need to upload it to any document library so that we can provide its URL to AlternateCssUrl property of the website.


Step-3: Change AlternateCssUrl of the site:

Although you can do this programmatically, alternatively I want to show how we can make use of SharePoint Branding Tool. This tool is so easy to use and gives you a lot of flexibilty while,

* modifying Themes,
* modifying MasterUrl (Master Page),
* modifying CustomMasterUrl (System Master Page),
* modifying SiteLogoUrl (Site Logo),
* modifying SiteLogoDescription (Site Logo Alternative Text),
* modifying AlternateCssUrl (Custom CSS Style Sheet).

You can got it from its CodePlex site:



After running this tool, all you need to do is to open your MOSS site, select the site you want to edit and enter the URL to css file created and uploaded above.

SharePoint Branding Tool

SharePoint Branding Tool

In the above screenshot,

Moss Server Name: Server

Document Library Name (for uploading our alternate CSS file): Styles

Alternate CSS File Name: myAlternateCSS.css

After entering Alternate CSS Url and selecting the site you want to apply the sytlesheet, simply click “Apply to Selected Sites” button, and then go to your site home page.. That’s it.. 😉

Hope it works for you 🙂

Please let me know if you have troubles applying this approach.


2 Responses to “Hiding Left Navigation Frame and Quick Launch Bar – MOSS”

  1. Aido said

    {I intended|I needed|I wanted|Needed} to {compose|create|draft|post|put|send|write} you {a|one|that|the|this} {bit of|little|little bit of|tiny|very little|very small} {note|observation|remark|word} {in order to|just to|so as to|to|to be able to|to f…

    I want to express some thanks to this writer just for bailing me out of this particular circumstance. As a result of checking through the world-wide-web and meeting proposals that were not powerful, I figured my entire life was well over. Being alive m…

  2. hybrid trade show display…

    […]Hiding Left Navigation Frame and Quick Launch Bar – MOSS « Zieglers[…]…

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: