Hiding the Recently Modified Section in SharePoint 2010

Applies To: SharePoint 2010, CSS

I recently added a Wiki Pages Library to a site for some end users and they really like it. However, they had a seemingly straight forward request to hide the Recently Modified section that was showing up above the Quick Launch:

This may come up as a requirement when using some of the default templates that automatically include a Site Pages library or if a user adds a new page and is prompted to create the Site Pages library automatically.

I assumed there was a setting somewhere either for the library or the site in order to turn off this “feature”. Nope. Somebody decided that this was not only a feature everyone would want, but it was so great they put it in the left actions content place holder (PlaceHolderLeftActions) of the master page – which puts it on top of the quick launch.

Some quick searching turned up “solutions” that suggested setting the contentplaceholder’s visible property to false within the master page. This works; however, it also hides anything that uses that contentplaceholder such as some of the Blog tools. This makes it a very poor candidate for a farm wide branding solution.

The other option is to use some CSS (cascading style sheets). If you’re pushing this as part of a branding solution, just add this to one of your style sheets:

.s4-recentchanges{
	display:none;
}

That’s it. Microsoft provided a very handy class just for this section and some quick use of the CSS Display property takes care of it.

So what if this is just a one off thing – You aren’t currently using any custom branding or just want it to affect one site? For a single site you can use SharePoint Designer 2010 to open the master page (v4.master – choose edit in advanced mode). Then somewhere on the page add the following:

<style>
.s4-recentchanges{
	display:none;
}
</style>

If you just want to apply it page by page, you can put the style directly in the HTML of the page. Since this is a Wiki page, choose to edit the page (Under the Page Ribbon assuming you have the rights). Click anywhere on the page and choose the HTML drop down and pick Edit HTML Source:

Somewhere on the page add the following:

<style>
.s4-recentchanges{
	display:none;
}
</style>
You can also do this in a content editor web part using the same Edit HTML Source option.

If you don’t hide this thing, I would suggest editing the master page to at least move that contentplaceholder below the quicklaunch so your navigation doesn’t get all wonky or at least displaced by a relatively unused feature.

Advertisements

17 thoughts on “Hiding the Recently Modified Section in SharePoint 2010

    • danny, sorry to hear that. I’ve used this method several times without issue. Could you provide a little more detail about the issues you’re having? Check the HTML source after editing and saving the page. SharePoint reformats these sections and if you had any typos or anything else it didn’t like it may have removed and or changed your style section.

      • The Edit HTML trick doesn’t work for me either. (I don’t have authorization to change the master page.) When I close the HTML Source popup I get a warning about the HTML code that may have been changed. The resulting HTML code is (with Firefox’s View Page Source):

        .ExternalClass933379FCFF2F4832B7D9E309CBAB5C9D .s4-recentchanges
        {display:none;}

        Is there anything I can do to get this very useful method to work?

  1. As a workaround to the ExternalClass problem, I would try the following.

    Add the CSS that is mentioned above to a file with extension css (e.g. hiderecent.css). Don’t include the tags in the css file. Add this css file to your site (a good spot would be the SiteAssets doc library.)

    Then, in the master page, add the link tag instead of the style tag, something along the following lines, replacing the path appropriately.

  2. I am not able to work in SP Designer and so far, none of the examples above are working for me. I have tried to add the code to the Pages, add the link to the CSS to the pages and also to the SitePage main page. But everytime i save, it either changes the code or deletes it.

  3. This method works only until I hit Save & Close. After that the “Recently Modified” menu comes back. When I go in to try to fix it, the code is still there but with an added part:

    .ExternalClassA6AACD3ABA17429E9D5B27C013DEFA5E .s4-recentchanges {
    DISPLAY: none
    }

    Why does this happen and how can I fix it?

      • Yes, this works…Add a content editor to that page (insert->webpart->media and conent ->content editor->add), the content editor appears on the top of the page. Use the drop down to the far right of the content editor bar to select “edit web part”, then click “click here to add new content”.
        At this point, follow the instructions above (Format text ->HTML->edit html source) and then paste the code. Click ok and kaboom, its gone. Unfortunately you have to do that from page to page 😦

  4. An outstanding share! I’ve just forwarded this onto a friend who has been doing a little research on this.
    And he actually ordered me dinner simply because
    I found it for him… lol. So let me reword this….
    Thank YOU for the meal!! But yeah, thanks for
    spending the time to talk about this subject here on your web site.

Leave a Reply

Fill in your details below or click an icon to log in:

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