Customize the SharePoint command bar icons and titles with JSON formatting
Previously I posted about hiding buttons in a SharePoint list using JSON formatting using the command bar customization.
The same customization features can be used to edit the buttons icons and titles, for example, below we have a custom bar that replaced some of the native buttons icons and text.
By adding values to the ‘text‘ and ‘iconName‘ properties we can accomplish this.
For example, if we apply the below JSON snippet as view formatter in a view:
{
"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/row-formatting.schema.json",
"commandBarProps": {
"commands": [
{
"key": "new",
"text": "Add a new Event Session",
"iconName": "Feedback"
},
{
"key": "export",
"text": "Export this list"
},
{
"key": "automate",
"text": "Workflows",
"iconName" : "WorkFlow"
},
{
"key":...Source link
More About This Author
-
SharePoint and Office 365 Consultant/Developer always trying to get the best from Microsoft stack (Microsoft 365/Azure/Power Platform and related stuff).
Living in Ireland since 2018, I had previously worked in Brazil as a consultant/developer for Office 365, SharePoint and related technologies for almost 10 years.
Array
Modern Workplace7 December 2024How to fix Web API requests with FetchXml being blocked by Power Pages Web Application Firewal
Modern Workplace1 December 2024Get a Power Pages site URL dynamically per environment to send emails via Power Automate
Modern Workplace29 November 2024Using Power Pages Web Application firewall to Rate limit Web API calls
Modern Workplace23 November 2024Power Pages CSP: Starter Settings
