Hide ribbon bar by permission (while the blue bar remaining)

Question

I am working on a SP2013 Master page. I want to retain the top blue bar (so that the user name remain at right top corner) and hide the lower ribbon bar by permission (so that user without permission cannot click "follow" or "share")

In the Master page, I wrapped the ms-designer-ribbon with SPSecurityTrimmedControl:

<SharePoint:SPSecurityTrimmedControl Permissions="EditListItems" runat="server">
            <div id="ms-designer-ribbon">
                <PublishingRibbon:PublishingRibbon runat="server" />
            </div>
        </SharePoint:SPSecurityTrimmedControl>

However, not only the lower ribbon bar is hidden, the top blue bar also gone. Is there any way to hide only the lower ribbon bar?

Answer 1

Publishing Ribbon is the abstraction of all the things you see on the ribbon. its On or Off. For individually controlling , You need to use SPRibbon and adjust the promoted actions delegate control

Answer 2

Try something like this -

1. Target the "s4-ribbonrow" div
2. Hide this div, may be by using inline-style
3. Locate the end of "s4-ribbonrow" div

4. Add this snippet after that div -

   < Sharepoint:SPSecurityTrimmedControl ID="SPSecurityTrimmedControl2" runat="server" PermissionsString="AddAndCustomizePages">

   < script type="text/javascript">

      document.getElementById("s4-ribbonrow").style.display = "block";
   

   < /script>

   < /Sharepoint:SPSecurityTrimmedControl>

5. And here you have it, Save your master page and it should work

P.S. Change the PermissionsString as per your requirement.