トップ > List Formatting

List Formatting

【Microsoft Lists】フォームのフッターに登録・更新情報を表示する

Microsoft Lists List Formatting Form Formatting

「フォーム上で登録・更新情報をサっと確認できるようにしたい！」と思い、上図のようなフォームのフッターに登録日時、登録者、更新日時、更新者を表示する書式設定のサンプルを作成してみました。作成したサンプルは、次のリンク先に掲載されています。

【List Formatting】カード上に画像拡大プレビュー機能を追加する

List Formatting ViewFormatting Microsoft Lists SharePoint

※この記事のサンプルコードは、列の書式設定のサンプル「image-lightbox」と「file-thumbnail」を参考にして作成しました。 「ギャラリービューやボードビューのカード上の画像を拡大表示できないか？」というご質問をいただき、書式設定の JSON を利用して…

【Microsoft Lists】自分の色を変えて目立たせる🎨

Microsoft Lists List Formatting ColumnFormatting SharePoint

ビュー上で自分を見つけやすくするため、上図のように自分（現在のログインユーザー）の背景色や文字色を変えて強調表示する列の書式設定を作成してみました。色はサイトのテーマカラーに応じて変化します。

【List Formatting】customRowAction に embed が追加された！（外部サイトの埋め込み）

List Formatting List Formatting Update Microsoft Lists

書式設定のドキュメント を確認していたところ、customRowAction に関する内容が追加されていました。action プロパティに、新たに embed を設定できるようになったようです。

【Microsoft Lists】ボードビューのカードの背景色を変更する

Microsoft Lists List Formatting

Microsoft 365 and Power Platform Community Blog に、ボードビューのカードの背景色を変更する方法を投稿しました。投稿内容は、次のリンクからご確認いただけます。

【SharePoint】ドキュメントライブラリのコマンドバーに [グリッドビューでの編集] を表示する

SharePoint List Formatting ViewFormatting List

先週ぐらい？（2024/01/15～？）から、ドキュメントライブラリのコマンドバーにあった [グリッドビューでの編集] が [・・・] に隠れるようになってしまいました。以前までは、[↑ アップロード] の右に表示されていた気がします。（この表示場所の変更が仕様…

【Microsoft Lists】RSS フィードを利用した最新ブログ記事リスト

List Formatting Microsoft Lists RSS Power Automate

Microsoft 365 に関する最新情報を取得 & チーム内で共有するために、次の画像のような最新ブログ記事リストを作成し、利用しています。Power Automateの RSS フィードコネクタ を使用し、新しいブログ記事が投稿されると自動的に記事に関するアイテムが作成…

【Microsoft Lists】リニアゲージの表示📊

Microsoft Lists ColumnFormatting List Formatting

2023/11/27 更新: 現在の値がどのグループに属しているか分かりにくかったため、現在の値が属しているグループ以外は背景色を薄くしてみました。 2023/11/29 更新: グラフの最大値と最小値を表示するように修正しました。 2023/11/30 更新: 範囲の設定方法を…

【Microsoft Lists】ガントチャートの表示（自分でガントチャートの開始日、終了日を設定できるバージョン）

Microsoft Lists List Formatting ColumnFormatting

2023/09/27追記 : レイアウト調整のため、書式設定のコード、および集計値の数式を修正しました。 過去に次のガントチャートを表示する書式設定を作ってきましたが、いずれも自分で自由にガントチャートの開始日と終了日を設定できるものではありませんでし…

【Microsoft Lists】管理されたメタデータ列の値をタグの見た目に変身🔖

Microsoft Lists List Formatting ColumnFormatting

管理されたメタデータの値の見た目を、上図のようなタグのような見た目に変える書式設定を作成してみました。

【List Formatting】フォルダーの色を書式設定で利用するには？

SharePoint List Formatting

OneDrive for Business および SharePoint のドキュメントライブラリで、下図のようにフォルダーの色を設定できる新機能が追加されました。（※2023/09/02時点、ご利用のテナントによってはまだこの機能が展開されていない場合があります。この機能に関する M…

【Microsoft Lists】色の表示

Microsoft Lists List Formatting ColumnFormatting

「今乗っている車、もうそろそろダメそう…」ということで、Microsoft Lists MSA を使い、新車候補をリストにまとめていました。 その新車候補リストに複数選択可能な「カラーバリエーション」列を作っていたのですが、「文字だけではわかりにくい！」と感じ…

【Microsoft Lists】Assign to Me! 私が担当します！

Microsoft Lists List Formatting ColumnFormatting

次の動画のような、ユーザー列に現在のログインユーザーを設定する列の書式設定を作成してみました。

【Microsoft Lists】承認の状態（Approval status）列の書式設定

Microsoft Lists List Formatting ColumnFormatting Approvals

Microsoft Lists で、新たに Microsoft Teams の承認アプリ（Approvals）と連携したリストを、リストテンプレートから作成できるようになりました。（※2023/04/25 時点、展開中の機能であり、テナントによっては利用できない可能性があります。また、日本語…

【Microsoft Lists】Google Maps を開くリンクを表示する🗺

Microsoft Lists List Formatting

列に入力されている住所を Google Maps でサっと開きたい場面があり、上図のような Google Maps を開くリンクを表示する列の書式設定を作成してみました。 （※リンクをクリックすると実際には Google Maps が開きます。しかし、実際の地図を掲載してよいか分…

【Microsoft Lists】この日付列の時刻、世界の国々では何時何分？🌏⏰

SharePoint ColumnFormatting List Formatting Microsoft Lists

上図のような、時間を含む日付列に対して、世界各国の時刻を表示する列の書式設定を作成してみました。

【Microsoft Lists】ギャラリービューのカードの背景色を変更する方法

Microsoft Lists List Formatting Gallery View

Microsoft 365 and Power Platform Community Blog に、ギャラリービューのカードの背景色を変更する方法を投稿しました。次のリンク先を参照ください。

【Microsoft Lists】カレンダービューの書式設定で利用できる列を増やす方法

Microsoft Lists List Formatting Calendar View

Microsoft 365 and Power Platform Community Blog に、カレンダービューの書式設定で利用できる列を増やす方法を投稿しました。次のリンク先を参照ください。

【List Formatting】複数選択肢列の値を箇条書きのように表示する

List Formatting ColumnFormatting list

Microsoft Lists のリストでは、複数選択可能な選択肢列を作成できます。

【List Formatting】指定回数の繰り返し

List Formatting ColumnFormatting

Microsoft Lists のリストの書式設定では、指定回数を繰り返す、いわゆる for 文は本記事作成時点では用意されていません。そこで、文字列の先頭に指定の文字を追加していく「padStart 演算子」と、指定の文字で文字列を分割する「split 演算子」を利用して…

【Microsoft Lists】バーティカルメガメニューを作ってみた！

Microsoft Lists List Formatting ViewFormatting

Microsoft Lists のビューの書式設定で、上図のようなバーティカルメガメニューを作成してみました。 以下、バーティカルメガメニュー作成方法を記載します。

【Microsoft Lists】ステータス列の書式設定

Microsoft Lists List Formatting ColumnFormatting

Microsoft Lists を利用するときに、アイテムの状況を表す「ステータス」列という選択肢列を個人的によく作成します。 そして、そのステータス列の選択肢の値として、「0-作業前」「1-進行中」「2-作業完了」という風な「数字-ステータス名」をよく設定しま…

【Microsoft Lists】QR コードを表示する

Microsoft Lists List Formatting ColumnFormatting

TEC-IT さんのサービス Barcode Generator を利用して、上図のような QR コードを表示する列の書式設定を作成してみました。 以下に、作成した書式設定の JSON を掲載します。利用される場合は、1 行テキスト列の書式設定に掲載されている JSON を設定くださ…

【Microsoft Lists】Timeline format with link

SharePoint List Formatting Microsoft Lists ViewFormatting

I have modified the timeline format I previously created to display a link on the timeline. The JSON of the formatting is following.

【Microsoft Lists】0 ～ 10 の 11 段階評価の書式設定

Microsoft Lists List Formatting ColumnFormatting

ネットのアンケートでよく見る 0 ～ 10 の 11 段階評価を、新登場の split 演算子 を利用した列の書式設定で再現してみました。 以下に、作成した書式設定の JSON を掲載します。利用される場合は、数値列の書式設定に掲載されている JSON を設定ください。

【Microsoft Lists】名言・格言をサイト表示言語で表示するビューの書式設定（@UIlcid）

Microsoft Lists List Formatting ViewFormatting

@UIlcid トークン を利用して、名言・格言をサイト表示言語で表示するビューの書式設定のサンプルを作成してみました。 本サンプルは、サイトを日本語で表示していた場合は日本語で名言・格言が表示され、その他の言語でサイトを開いていた場合は英語で名言…

【List Formatting Update】customCardProps の directionalHint

List Formatting List Formatting Update

List Formatting 関連の Microsoft Docs を見ていたところ、customCardProps の表示位置を設定できる directionalHint プロパティに、設定できる値が増えていました。

【List Formatting】2022年8月のアップデート情報

List Formatting List Formatting Update

List Formatting 関連の Microsoft Docs を見てみると、いくつか更新されている箇所がありました。以下に更新内容について記載します。 なお、List Formatting 関連の Microsoft Docs へのリンクは、Links about List Formatting (Microsoft Lists MSA) にま…

【Microsoft Lists】サイトの表示言語にあわせた書式設定（@UIlcid）

List Formatting Microsoft Lists ColumnFormatting

リストの書式設定で @UIlcid トークン が利用できるようになり、 サイトの表示言語にあわせた書式設定 ができるようになりました。

【Microsoft Lists】アイテムが選択されているときの書式設定（@isSelected）

Microsoft Lists List Formatting ViewFormatting

リストの書式設定で @isSelected トークン が利用できるようになり、アイテムが選択されているかどうかを判定できるようになりました。