Framework・Office365を中心に扱うブログです。OnlineのモダンUIでは、クラシックUIのカスタマイズに利用していた「JSLink」がサポートされなくなっています。JavaScriptの埋め込み方法も制限されているので、ビューのHTMLをJQueryとかで無理くり変えることも難しくなっています。代わりに、より洗練された方法が提供されていますので紹介します。このページはカスタマイズの方法論の紹介です。構築例などは別のページでまとめています。列の書式設定では、列ごとにJSONで描画方法を指定できます。設定はリストの設定画面で行います。列の書式設定まず、モダンUIの標準だとこんな画面です。列の書式設定を使えば、例えばこんなカスタマイズができます。上記例の設定値はこうです。]}詳細は公式サイトをご確認いただくとして、ここでは簡単に解説します。elmType:描画するHTMLタグtxtContent:描画する値style:HTMLタグに付与するstyle属性attributes:HTMLタグに付与するstyle以外の属性(classとか)children:子要素だいたいこれを組み合わせれば実現できます。上記例のように値によって見せ方を変えることができます。フィールドの値は@currentFieldで現在のフィールドを指定するか、[$fieldInternalName]で別のフィールドを指定します。ビューの書式設定ビューの書式設定では、ビューの「列」ではなく「行」のカスタマイズを行います。列の書式設定と同じくJSONで記述しますが、行を対象とする分、書き方はやや異なります。設定したビューのみに適用され、他のビューには影響しません。上記の例では以下のJSONを記述しています。'')"}列の書式設定と併用することもできます。列とビューの両方で書式設定したら背景色が被って見づらかったの例これだと例としてショボいので、背景色だけでなく丸ごとカスタマイズしてみました。1行を1つのカードで表現した例この例は以下のJSONで実現しています。Frameworkの「フィールドカスタマイザー」は、JSLinkの代替手段です。JavaScriptを使って高度なカスタマイズを行うことができます。Frameworkについてはこちらをどうぞ。鍋綿ブログフィールドカスタマイザーのコードサンプルとしては以下をお勧めします。鍋綿ブログ複数の方法を組み合わせる以下は組み合わせ可能です。ビューの書式設定と列の書式設定ビューの書式設定とフィールドカスタマイザーただし、ビューの書式設定でrowFormatter属性を利用する場合、ビューの書式設定だけが適用されます。以上、参考になれば幸いです。365のプロファイルに設定したユーザーのサムネイル画像を簡単に取得する方法いっつも忘れちゃうので自分用メモ。復旧)【2019年11月時点最新】Flowの新ライセンス形態まとめSharePointでリストのコピーができるようになりました月別アーカイブはてなブログをはじめよう!micknabewataさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。