Remove [Revert to template] message from page

Question

I created a page in SharePoint 2010 and then made some edits to the page.

Then I went into the page Version History and restored a previous version of the page.

Now I have this message that does not want to go away even 2 days after....

The current page has been customized from its template. Revert to template.

How do I remove this message without making changes to my MasterPage or CSS? Or am I forced to find the correct class in the CSS and change it?

Answer 1

This is "by design" (for better or worse).

The only workaround at this stage is to use JavaScript that can target this particular message. Trying to hide it using CSS is a bad idea as it will apply to all status bar messages which are very important for end users to see.

There's an example script on Sohel's Blog:

<script type="text/javascript">
ExecuteOrDelayUntilScriptLoaded(hideWarning, "sp.js");
function hideWarning() {
    var statusbarContainer = document.getElementById('s4-statusbarcontainer');
    if (statusbarContainer != null) {    
        var messageSpan = document.getElementById('status_1_body');
        if (messageSpan != null) {
            if (messageSpan.innerHTML.indexOf('The current page has been customized from its template.') == -1)
                statusbarContainer.style.display = 'inline';
        }
    }
}
</script>

There's also a post worth reading about this on TechNet forums called How to hide Revert to Template Status on the SPD Customized Pages. Particularly the response from Dalibor MSFT shows options for dealing with this.

Answer 2

The best (and easiest) way that I've found to remove that notice was a workaround posted on this Consulting blog.

Using SPD, you are basically going to export a copy of the site to your local machine, re-upload it, and behold: the blue info icon is gone (which denotes that the site has deviated from the template). You can then delete the problematic page, and then rename the copy to take place of the old file.

I have also personally confirmed that this works. I modified a Home.aspx site which then produced the notification banner, and this solution did the trick. Best of all is that there's absolutely no coding (which can then produce additional problems if you don't know what you're doing. Or if SharePoint doesn't like what you're doing :D).

Answer 3

I've put together a CSS-Only way to remove this message, while keeping the status messages for other scenarios (like items or pages being checked out) visible.

For starters, the markup for a customized page that is also checked out looks something like this:

<div id="pageStatusBar">
    <span id="status_1">
        <span id="status_1_body">The current page has been customized from its template. [...]</span>
    </span>
    <span id="status_2">
        <span id="status_2_hiddenPriMsg" class="ms-hidden">Important Status</span>
    </span>
</div>

What we need to do is remove the CSS for the banner div and move it to the specific child span's classes. Luckily each type of message has its own unique ID, e.g. status_1, status_2, etc.

So we start with this to clear the necessary styles from the div container:

body #pageStatusBar {
    padding: 0px;
    border: none;
}

We don't have to worry about colors/background colors, since we only need to make the div box have no size in order to hide it. Then we add the necessary styles to all the spans except #status_1, which is the one we want to hide:

#pageStatusBar > span[id^=status_]:not(#status_1) {
    padding: 4px;
    display: block;
    border: 1px solid #CAAC09;
    border-left-width: 0px;
    border-right-width: 0px;
}

Note that the direct descendant combinator (>) is necessary, because some of the status_# spans have children spans (as you can see by looking at the markup above) that also have IDs beginning with status_. If you leave out the direct descendant combinator, you will add the border and padding to those children spans, as well, doubling or tripling your banner size.

(This answer has full browser support, including IE7+, and works even if users have disabled JavaScript)

Answer 4

I know I'm three or four years late but this worked for me like a charm.

Just insert this snippet on the page in SPD and you're done:

<style>
#DeltaPageStatusBar{
display: none;
}
</style>