Custom CommandBar Links

[CSteg3]

What type of issue is this?

Question

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

Declarative list formatting

Target SharePoint environment

SharePoint Online

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

• [ ] 💥 Internet Explorer
• [ ] 💥 Microsoft Edge
• [X] 💥 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
• SPFx version
• Node.js version
• etc

Issue description

I'd like to be able to create command bar links that open up custom hrefs. Would it be possible to add a "custom" key that can then leverage a JSON object's attributes?

{ "commandBarProps": { "commands": [ { "key": "custom", "text": "My Internal App", "position": 0, "iconName": "Calendar", "attributes": { "href": "https://mycustomapp.url" } } ]}}

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[thechriskent]

This isn't currently possible in List Formatting (as you're aware), but it is possible using a SharePoint Framework Listview Commandset Extension. However, that will provide a command on the list (not per view as in commandBarProps). It also requires solution deployment. It definitely requires more up-front dev skill and administrative overhead, but listview command sets are very powerful and, more importantly for this discussion, are currently the only way to accomplish this.

Having the option of attaching a custom link button to the command bar through formatting would be great. Thanks for submitting the idea!