User Experience, Design, Development & Photography

Hiding Ribbon + Scrollbar visible

I was running into the SharePoint issue of needing to hide the ribbon for a public site: http://www.baltimoresug.org while using Randy Drisgill’s starter masterpage.

The Problem was when I applied the fix for “hiding the ribbon from anonymous users” the scrollbar disappeared (wasn’t visible).

Since the scrollbar kept going away, I got to looking at the masterpage and how it had an a style inside the masterpage.  I found that if you adjust the Style code in the masterpage and comment out the OVERFLOW and applied the security trim to the ribbon control it works fine:

Solution

1. Hide Ribbon (& hides scrollbar)

In the masterpage, use SPSecurityTrimmedControl to hide from anonymous users almost any controls you want as long as you wrap it properly.

1- Open your masterpage with SharePoint designer

2- Find the ribbon row or search for div “ribbonrow”

3- before the div <div id=”s4-ribbonrow” class=”s4-pr s4-ribbonrowhidetitle”>

<sharepoint:spsecuritytrimmedcontrol id=”SPSecurityTrimmedControl2″ runat=”server” permissionsstring=”ManageSubwebs”>

4- after the end of the ribbon div close the security tag </div>

</sharepoint:spsecuritytrimmedcontrol>

2. Fix/unhide Scrollbar

In the masterpage, I looked for the “text/css” and commented out the overflowline <style type=”text/css”>

/* fix scrolling on list pages */
#s4-bodyContainer {position: relative;}
/* hide body scrolling (SharePoint will handle) */
body {height:100%; /*overflow:hidden;*/width:100%;}

Hope this helps you as well!

Leave a Comment

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

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>