Hide List or Library Toolbar buttons in SharePoint Online

Hello Friends,
Today we will see how to Hide List or Library buttons in SharePoint Online.

Requirement: Hide a buttons from List toolbar (Ex. New, Edit, Delete, etc) in SharePoint Online.

How to hide delete button in SharePoint Online List View?

if you ever required to hide a button From SharePoint Online List or Document Library? For Example: if you want to hide a Delete button from SharePoint Online List view. In this post, We will see the step by step solution for how to do it using simple list view formatting. With just few lines of JSON code, you can easily hide any button from a command line/toolbar.

Hide Ribbon Save button on a Nintex Form

Perform the following steps to hide a button from SharePoint Online List view.

1. Navigate to the List or Document Library
2. Click on the View Dropdown
3. Click on Format Current View
4. Click on “Advance Mode”
5. Copy and Paste below JSON code to hide the delete button from the toolbar

{
  "commandBarProps" : {
    "commands": [
      {
        "key": "delete",
        "hide": true
      }   
    ]
  }
}

Get Day, Month and Year in Power Automate

The Results:

The command bar customization method can be used not only for hiding a button but also to rename the button text, replace the icon, change the order of the buttons, etc. More here: https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/view-commandbar-formatting

How to add SPFx webpart to full-width column