fix vertical scroll issues + SP 2010

var elmRibbon=GetCachedElement(“s4-ribbonrow”);

var elmWorkspace=GetCachedElement(“s4-workspace”);

var    vph=GetViewportHeight();

var newWorkspaceHeight=vph – elmRibbon.offsetHeight – AbsTop(elmRibbon);





Source –


CCS to hide borders around active web-parts.

.s4-wpActive .s4-wpTopTable {

Hide: “The current page has been customized from its template…”

If you have customized a SharePoint 2010 aspx page by using SharePoint Designer, you may experience that when opening the modified webpage in your browser, that a yellow bar below the navigation bar will appear.


If you want to hide this warning, please choose one of the to options below to do that.


Solution 1: (Not recommended)

With SharePoint Designer, open the masterpage (e.g: http://site/_catalogs/masterpage/v4.master) with “Edit File in Advanced Mode”, search for “s4-statusbarcontainer” and disable the DIV tags.

<!–div id=”s4-statusbarcontainer”>
    <div id=”pageStatusBar”>

Solution 2: ( recommended)

Add a Content Editor Webpart to the specific page, where you want to hide the warning and add the following css style:

<style type=”text/css”>
    body #pageStatusBar{height:0px; font-size:0px; padding:0px; border-style:none;}
< /style>

How to hide “No results are available. Either no query is specified…” in Core Search Results webpart – SharePoint 2010 ?

You can add the following to a content editor web part:

.srch-wperror {

Sticky footer solution

Current Issue

So every time I do a new master page with a footer, I am stuck with a page that has no content and the footer is floating way above the bottom of the page.

This is using the OOTB V4.master (a copy of course), and my footer placed right above the Developer Dashboard so it’s the last thing inside the #s4-bodyContainer.

(Style put inline for demonstration purposes)

Even if you go outside the #s4-bodyContainer and place the footer, as the last element in s4-workspace you’ll get the same effect. (I’ve added comments this time to show where I am in the master page)

If you go below the s4-workspace, you will get a very undesirable effect, because SharePoint only detects things inside the workspace and uses that to resize the page. SO you’ll see your footer for a second then it will be pushed out of frame!


Again as stated in the problem statement, many of the solutions you’ll find rely on jQuery. This one is in JavaScript so that you don’t have to worry about loading that jQuery library. This solution will analyze the size of the view space and adjust the body container taking in considers of the height of the footer, the ribbon & itself.

Step 1) To utilize this script the placement of your footer must be between the s4-bodyContainer & s4-workspace.

Step 2 ) Download the JavaScript file here.

Step 3 ) Add the js file to your SharePoint site

Step 4 ) Add the reference in the Master Page, somewhere before the </head> tag

Once you complete all the steps your footer will now be properly placed at the bottom of a short page. It will even update itself when the page is stretched or shrunk.

 Credit to :


Hide Recently Modified Items – Quick Launch

In SharePoint 2010 we all are familiar with the following annoying quicklaunch menu, if you wish to hide it, there are 2 options.







First solution:

1. Open your master page (default one is V4.master) and find the content place holder ‘PlaceHolderLeftActions’ as shown below:

<asp:ContentPlaceHolder id=”PlaceHolderLeftActions” runat=”server”>


2. Now set the content place holder visible property to false. as shown below:

<asp:ContentPlaceHolder id=”PlaceHolderLeftActions” runat=”server” Visible=”false”>


Why it works?

The above trick works as in the aspx files the recently changed menu is put inside the placeholder. If you open a file in SharePoint Designer  you can find that the recently modified menu is put under the placeholder with id ‘PlaceHolderLeftActions’ as shown below:

<asp:Content ContentPlaceHolderId=”PlaceHolderLeftActions” runat=”server”>

<SharePoint:RecentChangesMenu runat=”server” id=”RecentChanges” />



The content placeholder ‘PlaceHolderLeftActions’ mainly used in blog and wiki sites. So if you are using any of this kind of template then hiding the content place holder will hide others related links too. However, I have found that hiding the content placeholder in team site works perfectly.

Second and Better Solution

However, the above trick may have side effects, if the same place holder (‘PlaceHolderLeftActions’) is  used by other pages. Another solution (which I think less side effects or no side effects) is to apply a css. As shown in the following screen, the ‘recently modified’ quick launch uses a css class named ‘s4-recentchanges’ (shown with firebug).


So we can another property ‘display:none’ to the same css class by adding the following extra attribute to master page’s header section:

<style type="text/css">

You can even put the above section in a css file and refer the file in master page.

The image  below shows the master page with the css class:


How to hide the Site-Name from the Header

To  hide the Site-Name from the Header open your default masterpage in SPD, let’s say v4.master.

Then look for:

<h1 name="onetidProjectPropertyTitle">
      <asp:ContentPlaceHolder id="PlaceHolderSiteName" runat="server">
      <SharePoint:SPLinkButton runat="server" NavigateUrl="~site/" id="onetidProjectPropertyTitle"><SharePoint:ProjectProperty Property="Title" runat="server" /></SharePoint:SPLinkButton>

and just add Visible=”False” to the Content SiteName Placeholder

, so it becomes:

<h1 name="onetidProjectPropertyTitle">
      <asp:ContentPlaceHolder id="PlaceHolderSiteName" runat="server" Visible="False">
      <SharePoint:SPLinkButton runat="server" NavigateUrl="~site/" id="onetidProjectPropertyTitle"><SharePoint:ProjectProperty Property="Title" runat="server" /></SharePoint:SPLinkButton>