Remove / Hide the Status Bar in SharePoint 2010

Have you ever wanted to remove or hide the Status Bar and/or Status Messages in your SharePoint 2010 sites? There are plenty of times when you might need the status bar, but on some sites, in particular public facing internet sites, you may want those always hidden.
As an example, if you make certain modifications to a page in the advanced editor, you may receive a status message similar to “The current page has been customized from its template.”  Sure, there are ways that you can programmatically override this, but sometimes it may be easiest to just hide the message.
SharePoint 2010 Status Bar
 How to Hide the SharePoint 2010 Status Bar and Status Messages

  1. Open your site in SharePoint Designer 2010
  2. Open your default masterpage found in All Files->_catalogs->masterpage, often times this will be v4.master
  3. Look for the following lines of html:
    <div class=”s4-notdlg”>
        <div id=”s4-statusbarcontainer” class=”s4-notdlg”>
            <div id=”pageStatusBar” class=”s4-status-s1″>
            </div>
        </div>
    </div>
  4. Just above this block of code, add the following:
     <style type=”text/css”>
          #pageStatusBar {
               display: none !important;
          }
     </style>
  5. Save and publish the masterpage.

Notes:
You may want to add the simple style update to a custom style sheet that you have created. You do not need to add this style to your masterpage, I just did for ease of implementation.
Second, please be aware that this code will always hide your Status Bar and Status Messages on the SharePoint site in question. This may not always be a good idea, but that is up to you.
Any questions? Please ask.

3 thoughts on “Remove / Hide the Status Bar in SharePoint 2010

  1. […] UsersBy Eric Overfield – April 12, 2011Posted in: SharePoint Back in January I wrote an article on how to hide the Status bar for all users using css. What if you just want to hide the status bar […]

  2. Renato Lyke January 24, 2015

    Hi,
    How could i hide the status bar from all users except for admins and contributors to the site.
    Regards,
    Ren.

    1. Eric Overfield February 19, 2015

      I suggest using <SharePoint:SPSecurityTrimmedControl /> control such as:
      <style>
      #s4-statusbarcontainer {display: none;}
      </style>
      <SharePoint:SPSecurityTrimmedControl runat=”server” AuthenticationRestrictions=”AuthenticatedUsersOnly” EmitDiv=”true”>
      <style>
      #s4-statusbarcontainer {display: block;}
      </style>
      </SharePoint:SPSecurityTrimmedControl>
      You may need to change the AuthenticationRestrictions property to match your needs. I would not suggest placing the #s4-statusbarcontainer in a securitytrimmedcontrol, rather just hiding it or showing it using css based on access.

Leave a Comment

Your email address will not be published. Required fields are marked *

Enter Code *

Filed Under

Related

Get excited for SQL Saturday 2022! Join our Microsoft MVP speakers Rez and Eric to learn how you can use the Power Platform in conjunction with Dataverse for Teams to create apps and solve your business automation challenges. Register now: https://hubs.ly/Q01nc9dm0

2

During the next episode of the #PixelMillWebinars, our #UI/UX experts break down:

- #PowerApp UI/UX best practices & common pitfalls
- #Figma best practices for PowerApps
- Converting from Figma to PowerApps
- See a PowerApp design in action!
https://hubs.ly/Q01n4gDJ0

In the next episode of the #PixelMillWebinars, our #UI / #UX experts break down:

- #PowerApp #UI / #UX best practices & common pitfalls
- #Figma best practices for #PowerApps
- Converting from #Figma to #PowerApps
- See a #PowerApp design in action!

http://ow.ly/nf9250KKYNM

In the next episode of the #PixelMillWebinars, our branding and #UI/#UX experts will show you how to elevate your #PowerApp experience without #coding.

Join us on 9/29 at 11am PST to see how you can apply custom #UI to #PowerApps designed in #Figma.

http://ow.ly/oWpI50KKCr0

Working in a hybrid environment allows us to collaborate with people from all over the world. Check out this quick video and learn how to navigate language barriers when using Teams! #workthewayyouwant

https://hubs.ly/Q01lbPZG0

Subscribe to PixelMill's
E-news

* indicates required

Let's Talk Digital
Workspaces Today

Get In Touch