SharePoint のリストの列にアイコンを表示させる

f:id:tecchan365:20190518135941p:plain
SharePoint のリストの列にアイコンを表示させる方法をご紹介します。

アイコンを表示させる列を用意

リストに1行テキストを用意します。
f:id:tecchan365:20190518140259p:plain

そして、その列には下記サイトに掲載されている「アイコン名」を入力します。 developer.microsoft.com

列の書式設定

下記のコードを、列の書式設定に入力します。

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
  "elmType": "div",
  "attributes": {
    "iconName": "@currentField",
    "class": "ms-fontSize-xl"
  }
}

f:id:tecchan365:20190518140716g:plain

アイコンの大きさを変えたければ、"class": "ms-fontSize-xl"の部分を、下記サイトを参考に修正してください。

qiita.com

アイコン一つでも印象がかわってきますね!