MyNote365

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

List Formatting

【SharePoint/Microsoft Lists】ユーザー列(複数ユーザー可)をスッキリ表示させる

ユーザー列(複数ユーザー可)をビュー上に表示させると、ユーザー数に応じて列の高さが高くなっていきます。 そこが少し気になってしまい、上図のようなマウスホバーしたときにユーザーの一覧を表示する書式設定を作成してみました。 書式設定の JSON は、…

【SharePoint / MicrosoftLists】リストに月間ガントチャートを表示する

上図のような月間ガントチャートを表示する書式設定を作成してみました。 以下、作成方法を記載します。

【SharePoint/Microsoft Lists】列にタイムラインを表示する⏰

上図のような列にタイムラインを表示する書式設定を作成してみました。 作成した書式設定の JSON は次の通りです。 複数行テキスト(書式なし)などに適用し、利用ください。

【SharePoint/Microsoft Lists】数値列(パーセント表示)をバッテリー風にカスタマイズ!

数値列(パーセント表示)を上図のようにバッテリー風にカスタマイズしてみました。 カスタマイズに利用した JSON を以下に掲載します。ご自由に利用ください。

PnP サンプルに公開したサンプル一覧 ~列の書式設定~

私が PnP サンプルに公開した「列の書式設定」のサンプル一覧です。

PnP サンプルに公開したサンプル一覧 ~ビューの書式設定~

私が PnP サンプルに公開した「ビューの書式設定」のサンプル一覧です。

PnP サンプルに公開したサンプル一覧 ~フォームの書式設定~

私が PnP サンプルに公開した「フォームの書式設定」のサンプル一覧です。

【SharePoint / MicrosoftLists】ビューのフッターを書式設定したみた!

アップデートにより、SharePoint リストのビューのフッターを書式設定できるようになりました。 そこで、上図のような色付けをする書式設定のサンプルを作成してみました。 以下、作成したサンプルの適用方法について記載します。

【SharePoint/Microsoft Lists】はい/いいえ列をトグル風にカスタマイズ!

はい/いいえ列を上図のようにトグル風にカスタマイズしてみました。 カスタマイズに利用した JSON を以下に掲載します。ご自由に利用ください。

【SharePoint / MicrosoftLists】リストに年間ガントチャートを表示する

上図のような年間ガントチャートを表示する書式設定を作成してみました。

【SharePoint / MicrosoftLists】絵文字を活用したリンク集

上図のような絵文字を活用したリンク集を、SharePoint リストで作ってみました。 以下、作成方法について記載します。

【SharePoint / Microsoft Lists】グループヘッダーのカスタマイズ例 ~ユーザー列編~

アップデートにより、SharePoint リストで グループ化したときに表示される「グループのヘッダー」および 「グループのフッター」の見た目をカスタマイズきるようになりました。 ※カスタマイズ方法の詳細、カスタマイズのサンプルについては、 こちら を参照…

【SharePoint/Microsoft Lists】管理されたメタデータ列が書式設定に対応した!(サンプル有)

SharePoint リストの 管理されたメタデータ列 を書式設定できるようになりました! ので、管理されたメタデータ列を上図のようにカスタマイズをしてみました。 カスタマイズに利用した JSON を以下に掲載します。ご自由に利用ください。

【SharePoint】テンプレートリスト「イベントの日程」をカスタマイズしてみた

SharePoint や Microsoft Lists で新規にリストを作る際、いくつかのテンプレートリストが用意されています。 そのテンプレートリストの中の1つ「イベントの日程」リストのフォームレイアウトをカスタマイズしたり、Outlook にイベントを追加できる機能を追…

【SharePoint】columnFormatterReference プロパティを利用し、列の書式設定を再利用する

書式設定で、columnFormatterReference プロパティ が利用できるようになっていました。 この columnFormatterReference プロパティを利用すると、列の書式設定を、ビューの書式設定などの他の書式設定に再利用できる ようです。

【SharePoint】書式設定で 列の"表示名"を利用する

SharePoint リストの書式設定で、列の "表示名" を利用する場合は、次のように記載します。

【SharePoint】Timeline format

※英語圏の方からご質問いただきましたので、がんばって英語で書いてみました。間違った英語等記載されていても、大目に見てください(泣) I have previously added a timeline format sample to the PnP samples. However, in that added sample, an image …

【SharePoint】リストフォームをカスタマイズしてみた(サンプルコード有り)

アップデートにより、上図のようにリストフォームを JSON コードを利用してカスタマイズできるようになりました。(※ご利用のテナントによっては、まだこの機能が展開されておらず、カスタマイズできない可能性があります)

【SharePoint】リストにはんこを表示する

列の書式設定を利用し、上図のようなはんこをリスト上に表示してみました。 以下、はんこを表示する方法を記載します。

【SharePoint】サイトのページの「ページ」と「ニュース」を分かりやすくする

サイトのページライブラリには、そのサイト内で作成された「ページ」と「ニュース」が格納されます。 しかし、標準の一覧画面では上図のように「ページ」と「ニュース」の見分けがつきません。

【SharePoint】タイムラインを表示する(横バージョン)

次の記事で、 ビューの書式設定でリストの一覧画面をカスタマイズし、タイムライン(縦バージョン)を表示する方法を記載しました。 mynote365.hatenadiary.com 今回は、次の Twitter の動画のような横バージョンのタイムラインを表示する方法を記載します。

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

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

Q&A リストを作成する

Q&A システム で利用した、SharePoint のリストの作成方法を記載します。

【SharePoint】リスト内の文字を真ん中に表示する

リスト内の文字を、真ん中に表示するに変更する方法をご紹介します。 こちらの方法は、GitHub に掲載されています。

【SharePoint】はい/いいえ列をチェックマークに変更する

はい/いいえ列をチェックマークに変更する方法をご紹介します。 こちらの方法は、GitHub に掲載されています。

【SharePoint】リストビューをグラフ表示にする

リストビューを、グラフ表示する方法をご紹介します。 こちらの方法は、GitHub に掲載されています。

【SharePoint】複数選択肢をタグのように表示する

複数選択肢をタグのように表示する方法をご紹介します。

【SharePoint】リストビューに複数行テキストの文字をすべて表示させる

モダンUIで複数行テキストをビューに表示すると、上図の変更前のように、文字が省略表示されてしまいます。 省略表示させず、すべての文字を表示する方法をご紹介します。

【SharePoint】タイル風にカスタマイズしたビューを、ページに表示させる

以前、ビューの書式設定をカスタマイズして「リストアイテムをタイル風に表示させる」という記事を掲載しました。

【SharePoint】ドキュメントライブラリにサムネイル画像を表示させる

ドキュメントライブラリにサムネイル画像を表示させる方法をご紹介します。 こちらの方法は、GitHub に掲載されています。 github.com