Who's Online
6 visitors online now
0 guests, 6 bots, 0 members
Support my Sponsor
  • An error has occurred, which probably means the feed is down. Try again later.

Hide, Change or Add a Button in SharePoint Online List or document library Toolbar

Also explained in youtube video : https://youtu.be/FtVHP28oWVI

If you’ve ever needed to conceal a button in your SharePoint Online list or document library, you’re in the right place. Whether it’s the “New” or button or any other, you can achieve this using list view formatting with just a few lines of JSON code.

Here’s how you can hide a button from the SharePoint Online list view:

  1. Navigate to the List or Document Library:
    • Open the SharePoint list or document library where you want to hide the button.
  2. Access View Formatting:
    • Click on the View dropdown menu.
    • Choose “Format current view” from the options.
  3. Advanced Mode:
    • In the formatting pane, click on “Advanced Mode” to access the JSON editor.
  4. Hide the New Button:
    • Paste the following JSON snippet to hide the “New” button from the toolbar:
    • {
    • “commandBarProps” : {
    • “commands”: [
    • {
    • “key”: “new”,
    • “hide”: true
    • },
    • {
    • “key”: “editInGridView”,
    • “text”: “Quick edit”,
    • “iconName”: “EditTable”,
    • “primary”: true
    • },
    • {
    • “key”: “share”,
    • “iconName”: “”,
    • “title”: “Share this List”
    • }
    • ]
    • }
    • }
    • This will effectively hide the “New” button.
  5. Customization Options:
    • Remember that the command bar customization method isn’t limited to hiding buttons. You can also:
      • Rename button text.
      • Replace icons.
      • Change the order of buttons.

Toolbar Key

Comments are closed.