Hide ribbon for Visitors - Using Javascript

Question

I need to hide the ribbon for all visitors.

I have seen solutions that require editing of master pages. This requirement is for one site only. I do not want to make this change for all the sites that use our master page.

Is there any way at all to accomplish this without editing the master pages, maybe with Javascript that can be embedded in a content editor web part?

Thanks, Ninel

Answer 1

Try using the SPSecurityTrimmedControl... Use CSS to hide the ribbon class, then use the SPSecurityTrimmedControl to show it when the user has the right permissions. This would be more lightweight than javascript. Also, this should be in the master page as Deepu mentioned.

more info on configuring the SPSecurityTrimmedControl: http://msdn.microsoft.com/en-us/library/microsoft.sharepoint.spbasepermissions.aspx

Answer 2

This requires you to modify your masterpage just a bit. It's minimal.

In your masterpage, find id="s4-ribbonrow" and add this to it:

style="display:none;"

Then add this after where that div ends

<Sharepoint:SPSecurityTrimmedControl runat="server" Permissions="FullMask">
<script type="text/javascript">
    document.getElementById("s4-ribbonrow").style.display = "block";
</script>
</Sharepoint:SPSecurityTrimmedControl>

Your result should be something like this:

<div id="s4-ribbonrow" class="s4-pr s4-ribbonrowhidetitle" style="display:none;">
...
</div>
<Sharepoint:SPSecurityTrimmedControl runat="server" Permissions="FullMask">
    <script type="text/javascript">
        document.getElementById("s4-ribbonrow").style.display = "block";
    </script>
    </Sharepoint:SPSecurityTrimmedControl>

This will only allow users with Full Control to see the Ribbon.
Read more about the Permissions to choose between here

Answer 3

Even though you embed JavaScript in a content editor web part for a page 'X', you will be able to hide the ribbon only for that particular page 'X' of the site. To implement the setting throughout any page in that particular subsite, you will need to do security trimming to your master page.

The best option would be to make a copy of your existing master page and add the security trimmed control to the ribbon. Then, make this master page as the custom master page for only that sub site.

In order to do that, you need to go to Site settings of that particular sub site -> Under Look and Feel -> Master pages -> Then select the option of specifying the new master page in the custom master page section. Everything should be fine then.

Answer 4

Hiding the ribbon via javascript and CSS is easy - however determining that the person is a Visitor instead of someone with higher permissions requires a security check on the server-side and that requires modifying the master page.

It is possible to do a pure javascript/css solution but doing this would introduce latency where visitors would first see the ribbon, then would see it disappear which is probably not desirable.

I would advise either making a copy of your master page for just this site and modifying that or leveraging a delegate control and then create a separate feature that can be activated per site that then injects the security check and ribbon logic into the delegate for just this site.

As far as actually hiding the ribbon goes, you only need the CSS below after all other CSS has loaded:

#s4-ribbonrow {
   display:none;
}