I am trying to hide a section from the Menu Ribbon in SharePoint 2013.
I used FireBug to see find out the relevant ID and CLASS

enter image description here this is the css related to the whole section marked in red

<li id="Ribbon.Library.CustomViews" class="ms-cui-group" unselectable="on">
<span class="ms-cui-groupContainer" unselectable="on">
<span class="ms-cui-groupBody" unselectable="on">
<span id="Ribbon.Library.CustomViews-LargeMedium" class="ms-cui-layout" unselectable="on">
<span id="Ribbon.Library.CustomViews-LargeMedium-0" class="ms-cui-section" unselectable="on">
<span id="Ribbon.Library.CustomViews-LargeMedium-1" class="ms-cui-section" unselectable="on">
<span id="Ribbon.Library.CustomViews-LargeMedium-2" class="ms-cui-section" unselectable="on">
<span class="ms-cui-groupTitle" unselectable="on">Manage Views</span>
<span class="ms-cui-groupSeparator" unselectable="on"></span>

I have tried the following :

<style type="text/css">
#Ribbon.Library.CustomViews .ms-cui-group .ms-cui-groupContainer .ms-cui-groupBody  { display:none; visibility: hidden;  }
#Ribbon.Library.CustomViews-LargeMedium .ms-cui-layout .ms-cui-section .Ribbon.Library.CustomViews-LargeMedium-0 .Ribbon.Library.CustomViews-LargeMedium-1 .Ribbon.Library.CustomViews-LargeMedium-2 .ms-cui-groupTitle  { display:none; visibility: hidden; }

Unfortunately is not working :(

What is my aim ?

Well, I got a custom list containing 10 files which is accessible by 2 groups. However, only one group can see the full content whereas the other group should see only certain files.

Therefore, I created 2 different Views: UserView | ManagerView

What is the problem with that?

the users can still navigate to ManagerView and see the full content. That is the reason why I want to disable the option of selecting Current View: or even to modify it or create new view.

Of course, the Users got READ only but still are able to select both views, which is not ideal. Otherwise I am left with creating 2 separate custom lists!

Any advise would be grateful.

PS: Trying to hide it via CSS (using Script Editor in SP2013) as anything else is too advanced for myself e.g. editing the master page etc.


The code HarryB provided did the trick:
enter image description here

However, anyone who is a bit curious still can access the ManagerView via the URL, if they know the link to it.

  • 1
    Try the css in my answer – HarryB Oct 21 '16 at 11:56

Try this css:

    .ms-cui-tabBody li:nth-child(2) {
        display: none;
  • how you managed that :) it worked like a charm, thanks. – Bucki Oct 21 '16 at 12:48

Since the selectors you were trying to use in CSS has dot(.) in the attribute, you would prepend by a '\'.

Example CSS:

li#Ribbon\.List\.CustomViews {
    display: none;
  • this had been suggested by other guys (who seem to have removed their comments) but did not get it work. Anyway thanks for your suggestion :) – Bucki Oct 24 '16 at 11:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.