SharePoint: Highlight selected list item rows using JSON formatting

You can use JSON formatting in SharePoint to customize the display of columns and views in SharePoint online lists and Microsoft Lists.

Microsoft recently introduced @isSelected token in JSON formatting which helps us to determine if a list item is selected in list view or not.

The @isSelected token returns true when the list item is selected and false when the list item is not selected in list view:

@isSelected operator in SharePoint JSON Formatting

Follow below steps to highlight selected list items in list view using SharePoint JSON formatting:

1. Go to SharePoint list, click on Switch view options dropdown and select Format current view:

JSON view formatting in SharePoint

2. Select List under Choose layout dropdown and click on Advanced mode.

3. Add below JSON code in code editor and click on Save:

SharePoint JSON view formatting pane

{
    "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/row-formatting.schema.json",
    "additionalRowClass": "=if(@isSelected, 'ms-bgColor-themePrimary ms-fontColor-white', '')"
}

Here we have used additionalRowClass property in JSON view formatting which applies one or more classes to the entire list row depending on the value of one or more fields in the row.

Output

Highlighted selected list item rows using JSON formatting in SharePoint

Above JSON is also available in PnP List Formatting Repository at: Highlight Selected List Item Rows.

Learn more

• SharePoint Online: Download files using JSON Formatting
• SharePoint JSON formatting: Check if date & time column is blank/empty
• SharePoint: Replace All Occurrences of Substring in a String using JSON Formatting
• How to find the Internal name of columns in SharePoint Online?

• JSON Formatting
• Microsoft Lists
• SharePoint
• SharePoint Online