Yes/No Icon Color

Last modified on December 11, 2021

Tetsuya Kawahara

This sample demonstrates how to change the color of the icon according to the value of the Yes/No column.

View on GitHub

LIST SAMPLE TYPE: Column

SHAREPOINT COMPATIBILITY: SharePoint Online

SAMPLE CATEGORIES: Icons, Inline Editing

LIST COLUMN TYPE: Yes/No

FORMATTING TOKENS:

FORMATTING OPERATORS:

FORMATTING ACTIONS: setValue

FORMATTING FEATURES:

CLASSES: ms-bgColor-themePrimary, ms-bgColor-themeDark--hover, ms-fontColor-white, ms-bgColor-neutralQuaternaryAlt, ms-bgColor-neutralTertiaryAlt--hover, ms-fontColor-neutralSecondary

References

Use column formatting to customize SharePoint

You can use column formatting to customize how fields in SharePoint lists and libraries are displayed. To do this, you construct a JSON object that describes the elements that are displayed when a field is included in a list view, and the styles to be applied to those elements. The column formatting does not change the data in the list item or file; it only changes how its displayed to users who browse the list.