MyNote365

Office365 , OneNote , SharePoint , PowerApps , MicrosoftFlow 関連の備忘録

タイトル列をクリックしてもらうために、文字色と文字の太さを変更する

f:id:tecchan365:20200916203727p:plain

SharePoint のリストの一覧画面のタイトル列は、アイテム表示画面を開くための重要な列です。

しかしこのタイトル列、標準のままだと他の列に比べて少し文字が大きいだけで、「ココをクリックすればいい!」ということが、少々分かりづらいと思われます。

f:id:tecchan365:20200916203756p:plain

そこで、列の書式設定を利用して、タイトル列の文字色を変え、太字にしてみました。

f:id:tecchan365:20200916203833p:plain

どうでしょうか?少しは「ココクリックすればいいんだ!!」って分かりやすくはなったのではないでしょうか。

タイトル列の書式設定に、次のコードを設定し、文字色と文字の太さを変更しています。

f:id:tecchan365:20200916203859p:plain

{
"elmType": "button",
"txtContent": "@currentField",
"style": {
"cursor": "pointer",
"border": "none",
"background-color": "transparent",
"text-align": "left"
},
"attributes": {
"class": "ms-fontColor-themePrimary ms-fontSize-m ms-fontWeight-bold"
},
"customRowAction": {
"action": "defaultClick"
}
}

太字に設定したくない場合は、class の中の "ms-fontWeight-bold" を削除してください。
また、色を設定したくない場合は、class の中の "ms-fontColor-themePrimary" を削除してください。

以上、リストのタイトル列の文字色を変える & 太字にする方法でした。