disable or hide sharepoint buttons for extermal guests on a sharepoint comunication site. (modern sharepoint)

Question

Hello ,

It is very important for us to somehow eliminate or hide the buttons that appear in the following screenshots, especially the "Site Contents" and "Site Usage," as they contain content that we do not want to be visible to our external users.

Also we would like to the "Sent by email button" to disappear as well. Is there a way to do that please?

Below the screen shots.

Answer 1

Hi @Christos Christopoulos,Do you want to eliminate the gear icon?

Please try to use the SPFX extension:

Before using the SPFX extension, we need to configure the environment:

Please refer to the link below to create in order:

References:
Setup Environment: https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-environment
Build an extension: https://docs.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/build-a-hello-world-exte...

Then arrive at the sharepoint page, press F12, open the developer mode, we need to find the ID of the icon in the page：

Get the ID through JS code, and then remove

Here is code:

const canEdit = this.context.pageContext.web.permissions.hasAnyPermissions(SPPermission.manageWeb);
    if (canEdit) {
      let checkExist = setInterval(function () {
        const element = document.querySelector("#O365_MainLink_Settings_container").firstChild.firstChild.firstChild.firstChild;
        
          element.parentElement.parentElement.parentElement.remove();
          console.log("GFC user only has view rights.");
          clearInterval(checkExist);
        
      }, 100);
    }

Finally execute the SPfx extension

Here is result:

If you want to control its existence based on permissions, please try the method under this link

https://techcommunity.microsoft.com/t5/sharepoint/how-can-i-hide-the-gear-icon-based-off-permissions/m-p/1844401

Hope these could help you!

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best Regards

Cheng Feng

Answer 2

Hello @Anonymous thanks for your help.
It seems that is working.

what about the send by email button?

How can this be hidden or disabled?

2 ) how the below bar can be hidden too from the document library page.

thank you in advance.

Answer 3

Hi Christos Christopoulos ,

I'm sorry, there is no Sent by email button in my scenario, and I can't provide you with detailed test results.

But the above method should also be able to hide it.

This is not recommended for you to use this way, because it will destroy some functions of the original page, and may cause unexpected problems on the page.

Here is a test for your reference:

Then arrive at the sharepoint page, press F12, open the developer mode, we need to find the class of the web part in the page

Here is code:

const canEdit = this.context.pageContext.web.permissions.hasAnyPermissions(SPPermission.manageWeb);
    if (!canEdit) {
      setInterval(() => {
        const element1 = document.querySelector("#O365_MainLink_Settings_container").firstChild.firstChild.firstChild.firstChild;

        element1.parentElement.parentElement.parentElement.remove();
        const element = document.querySelector(".od-ItemsScopeList-commandBar") as HTMLElement;
        if (element) {
          element.setAttribute("style", "display: none;"); // set  style  "display: none;"
        }
      }, 100);
    }

Here is result:

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best Regards

Cheng Feng