【SharePoint Online】リストビューの表示カスタマイズサンプル

記事
IT・テクノロジー

SharePointに関するTipsやHow Toをご紹介します

サービスをご購入いただいたお客様や、問い合わせで最も多いのがデザインに関するカスタマイズのご質問です。
ここでは、SharePointのデザインやUIに関するTipsや誰でにもできる簡単なHow toを連載で紹介していきたいと思います。

ビューの書式設定の作業を開始する

ビューの書式設定ウィンドウを開くには、ビューのドロップダウンを開き、[現在のビューの書式設定] を選択します。
view-dropdown-menu.png



リスト レイアウトのカスタマイズ

交互行の色わけや、条件付き書式については、
デザインモードが用意されており、GUIで設定が可能です。
より複雑なレイアウトを実装したい場合は詳細モードを利用します。
詳細モードの場合は、JSONを入力するウィンドウが表示されますので、そこにJSONを入力します。
2021y03m16d_184835792.png

この詳細モードを利用した場合に実装可能なレイアウトサンプルは下図のとおりです。

交互行

2021y03m16d_184917683.png

誕生日カード

birthdayScreenshot.png

連絡先カード

screenshot.png


カスタムホバーカード

Status_hover.png

QA

FAQSingleQuestionScreenshot.png

プランナーカード

screenshot (1).png

マルチライン
listformatting-rowformatter.png

まとめ

ここまで、リストビューの表示カスタマイズについて
ご紹介してきましたが、いかがでしたでしょうか。

今回ご紹介したのは、あくまでも適用例だけですので、
実際に適用するにはJSONを編集する必要があります。

もっと、こうしたい、ここを変えたい等ご要望もあると思います。
その際には是非、こちらのサービスをご利用いただき、
ご相談いただければと思います。
親身になってご対応させていただきます。
以上、リストビューの表示カスタマイズについて
ご紹介でした。
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す