How to hide buttons on the item context menu in SharePoint 365 Modern Experience

Question

I've been able to easily hide any toolbar button by using "Format current view" and adding the JSON.

{
"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/row-formatting.schema.json",
"commandBarProps": {
"commands": [
    {
      "key": "download",
      "hide": true
    },
   {
      "key": "copyLink",
      "hide": true
   }
  ]
 }
}

But how do I edit the Item context action menu? I would also like to know if it is possible to hide the whole menu.

Also, I currently don't have SharePoint Designer, but I could get it if needed. I've seen some info around for SPFx, but I have never done anything in SPFx. A need a simple solution if there is one, lol. Also, on my wish list is getting rid of the Share button.

Thanks in advance!

Answer 1

First of all, you cannot hide individual context menu options using JSON formatting. You can only customize/hide options from command bar at the top.

You can hide "Share" option from command bar using `` as key like:

{
    "key": "share",
    "hide": true
}

Documentation: Command bar customization syntax reference

---

You can hide complete context menu from list view using two methods:

Method 1 - SharePoint OOTB:

In SharePoint list, Title column has three different variants:

• Title
• Title (linked to item)
• Title (linked to item with edit menu)

So, you can use plain "Title" column in your list view to hide context menu.

Method 2 - JSON formatting:

You can add simple JSON formatting on Title column like below to hide context menu:

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "txtContent": "@currentField"
}

While using JSON formatting, you will loose all OOTB functionality formatting for Title column including default click which open display/view form of list, you can get it back using JSON formatting on Title column like:

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "txtContent": "@currentField",
  "customRowAction": {
    "action": "defaultClick"
  },
  "attributes": {
    "class": "sp-field-underline"
  }
}

---

Update from comments:

As you are using document library, you have to apply column formatting on Name column instead of Title column: :

Format option:

Then go to "Advanced mode":

Copy-paste above JSON and click "Save":

You can apply additional styling as per your requirements. Check below documentation for more information:

1. Use Column formatting in SharePoint
2. JSON formatting-syntax-reference