commandBarCustomization: keys from updated documentation do not work after update to SP Lists interface (hiding commands, renaming commands)

[roeladams21]

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

Declarative list formatting

Developer environment

Windows

What browser(s) / client(s) have you tested

• 💥 Internet Explorer
• 💥 Microsoft Edge
• 💥 Google Chrome
• 💥 FireFox
• 💥 Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

Additional environment details

• browser version: all latest version

Describe the bug / error

1. there's at least one error/typo in the documentation about the commandBarCustomization keys btw: it should be 'UploadCommand' instead of 'uploadCommand'.

2. when trying to 'rebrand' the newFolder command, we just can't get the correct key to handle it. As 'new' was changed to 'newComposite' (as per updated documentation) we tried to the the same for the 'newFolder' command, so we tried 'newCompositeFolder', 'NewCompositeFolder', 'newFolderCommand', 'NewFolderCommand', etc, but no luck.

   {
   "key": "newFolder",
   "hide": false,
   "text": "newFolder Custom name on primary level",
   "iconName": "FabricNewFolder",
   "selectionModes": [
   "NoSelection"
   ],
   "position": 1
   }

Steps to reproduce

1. create a new list
2. format the view formatting json with the following json code: { "key": "newCompositeFolder", "hide": false, "text": "newFolder Custom name on primary level", "iconName": "FabricNewFolder", "selectionModes": [ "NoSelection" ], "position": 1 }
3. Nothing changes in the commandBar, the New button is visible, with newFolder as a sublevel button:

Expected behavior

it should look like this, screenshot from a tenant with the 'old' SP List implementation (still includes the (i) button for the info panel on the right)

[Amey-MSFT]

Hello @roeladams21,
Thank you for bringing this issue to our attention. We will look into it and get back to you shortly.

[Ashlesha-MSFT]

@roeladams21,
To hide the button, you should set the hide property to true.
Use below json
{ "commandBarProps" : { "commands": [ { "key": "new", "hide": true }, { "key": "editInGridView", "text": "Quick edit", "iconName": "EditTable", "primary": true }, { "key": "share", "iconName": "", "title": "Share this List" } ] } }

[roeladams21]

Hello @Ashlesha-MSFT : I'm very sorry, but I don't think you understood correctly:

• First, I'm trying to find a way to move the 'newFolder' button from the submenu under 'new' to the primary location
• Then I'm trying to change the appearance and title of that button
• Lastly, I want to hide all other buttons that would normally appear under the 'new' menu, but I can do that by simply hiding the 'new' menu

(notice I've also hidden a lot more of the commandbar!)

Now you sent me a snippit to move the 'editInGridView button' to the primary location, which has nothing to do with the 'newFolder' command...

My main question is therefore: Can you please investigate/let me know what the correct key is to address the 'newFolder'?

As pointed out before, the current documentation doesnt't supply this, it only tells us that 'new' has been renamed to 'newComposite' but it does not help us with the 'newFolder' command.

I hope this description clarifies the issue for you. Thanks for understanding!

[Ashlesha-MSFT]

@roeladams21,
Sorry for misunderstanding,
We were able to reproduce the issue, and we are investigating it. We have logged this as a bug, and our engineering team will look into it.

[roeladams21]

Thanks @Ashlesha-MSFT! Looking forward to the result!

As a treat, I've got a little fix for the documentation: The key 'uploadCommand' does not work, it should be 'UploadCommand'. I'll leave this here as well for anyone to find and hopefully it gets updated in the documentation along the way :)

[roeladams21]

@Ashlesha-MSFT no update yet?