【Microsoft Lists】称賛カードを作ってみた!

f:id:tecchan365:20220122201452p:plain

ビューの書式設定で、上図のような他者を称賛する「称賛カード」を作ってみました。

以下、リストで「称賛カード」を作成する方法を記載します。

リスト & フィールド定義

リストを作成し、次の列を定義します。

列の内部名 列の種類
Title(デフォルトで定義されている列) 1行テキスト
Description 複数行テキスト(書式なし)
From ユーザーまたはグループ(単一選択)
To ユーザーまたはグループ(単一選択)
Icon 1行テキスト
Likes ユーザーまたはグループ(複数ユーザー可)

f:id:tecchan365:20220122201918p:plain

アイテム作成

見た目を変える前に、あらかじめサンプルとしてアイテムを数件登録します。
[Icon] 列には、Fluent UI Icon のアイコン名を入力してください。

f:id:tecchan365:20220122202142p:plain

Fluent UI Icon の一覧は、次のサイトに掲載されています。

developer.microsoft.com

www.flicon.io

ビューの書式設定

ビューの書式設定で、見た目を「称賛カード」に変身させます。
ギャラリービューに切り替えて、次に掲載されている JSON をカスタム書式設定に貼り付けます。

f:id:tecchan365:20220122202754p:plain

f:id:tecchan365:20220122203026p:plain

[保存] ボタンを押すと見た目が変わり、「称賛カード」の完成です。

f:id:tecchan365:20220122203329p:plain

以上、リストで 「称賛カード」を作成する方法でした。