Showing posts with label CSS. Show all posts
Showing posts with label CSS. Show all posts

Monday, July 20, 2009

Hiding the Search Box When Printing

* Open the master page in SharePoint Designer
* Add the following style either to a CSS file included in the master page or as a style within the master page itself:

@media print{
.HideForPrinting
{
display:none;
}
}

* Locate the delegate control used to display the search box and add the code shown in italics:

<asp:ContentPlaceHolder id=”PlaceHolderSearchArea” runat=”server”>
<span class=”HideForPrinting”>
<SharePoint:DelegateControl runat=”server” ControlId=”SmallSearchInputBox”/>
</span>
</asp:ContentPlaceHolder>

This defines a span that uses the style HideForPriting, the content of which will be hidden when the page is printed.

Saturday, January 3, 2009

Branding SharePoint Sites

One of the common questions on various Web sites in the SharePoint community seems to be,
“How do I design a site with a common theme or my own branding?”

There is more than one way to do this and the method you choose depends on how much customization you want to do, how many sites you have, how comfortable you are writing code, and how much time and resources you have.

Depending on the answers to those questions you might choose to modify the master pages, themes, or the CSS out of the box, use another product like SharePoint Designer, or use third-party tools.

No matter what your choice, understanding how SharePoint works is a good place to start.

To learn the basics about master pages and page layouts in SharePoint Server 2007, read the article Improve the consistency and efficiency of your site design.

Heather Solomon has a great three-part series called Branding SharePoint.

Hopefully, these resources will get you on your way to building custom sites!



Wednesday, November 19, 2008

Hide Quick Launch using CSS

Add content editor webpart and insert this css in it.

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

Saturday, August 30, 2008

CSS Reference Chart for SharePoint 2007

Here is the CSS reference link that can be used in the Moss 2007 and WSS 3.0.

The default CSS files are located on the web server in the following directory: Local Drive:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1033\STYLES.


Additional styles are located in the Publishing feature: Local Drive:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\FEATURES\PublishingLayouts\en-us

http://www.heathersolomon.com/content/sp07cssreference.htm