Hiding SharePoint 2007 Menus and navigations


In this article, let us see how to hide SharePoint 2007 menus and navigations using CSS and give a look as normal site.

SharePoint 2007 Menus and Navigations:

sharepoint-2007-menus-and-navigations

Hiding Site Action menus:

<style>
.ms-siteaction
{
display:none;
}
</style>

Hiding global breadcrumb:

<style>
.ms-globalbreadcrumb
{
display:none;
}
.ms-globalTitleArea
{
padding-top:5px;
padding-bottom:5px;
}
</style>

Hiding only left side of global breadcrumb:

<style>
.ms-globalleft
{
display:none;
}
</style>

Hiding Search Scope:

<style>
.ms-sbscopes
{
display:none;
}
</style>

Hiding all search options:

<style>
.ms-sbtable-ex
{
display:none;
}
</style>

 

After hiding Site actions, global left breadcrumb and search scope

 

search-scope-breadcrumb-and-siteaction
After hiding global breadcrumb, site actions and search scope.

 

after-hiding-menus
After Hiding Site Actions, global breadcrumb and all search options

 

Hiding navigation path(breadcrumb) in list forms:

<style>
.ms-titlearea
{
display:none;
}
/*To adjust the height and padding of the Page Title after hiding bread crumb*/
.ms-areaseparator
{
height:auto;
padding: 7px 0px 4px 7px;
}
</style>

Before hiding:

with-titleare

After hiding:

after-hiding-titlearea

To hide them using script:

<script>
$(document).ready(function()
{
$(".ms-siteaction").css("display","none");
$(".ms-globalbreadcrumb").css("display","none");
$(".ms-sbtable-ex").css("display","none");
$(".ms-titlearea").css("display","none");
});
</script>

 

To hide for all except developers, you can create a SharePoint group for developers and use the above code as discussed  here

Hiding quick launch in MOSS


In this article, let us see how to hide quick launch and blank area in list forms in MOSS site.

To hide quick launch in home page, you can use the below css:

.ms-quicklaunch
{
display:none;
}
.ms-navframe
{
display:none;
}
Before applying css
home-with-quick-launch
After applying css
home-without-quicklaunch

If you open list forms, you can see the blank space inspite of quick launch. Inorder to hide it, go with the below css:

.ms-navframe
{
display:none;
}
Before applying css:
form-with-blank-space
After applying css:
form-without-blank-space