kintone アプリの一覧画面や詳細画面を見やすくするため、レコード一覧や詳細画面でフィールドの条件によってセルの背景色、 文字色や文字サイズを変えたい時に使っていただけるテンプレートです。

また、Customine で「条件」を追加することで、いろんな場合に活用できます。例えば kintone アプリで自分が担当している レコードの色付けや、対応期限が迫っている案件を分かりやすく表示できます。

今回のカスタマイズで出来ること

• 一覧画面表示時に、フィールド値によって背景色や文字色や文字サイズを変更します

• 詳細画面表示に、背景色を変更したり、フィールド値によって文字色や文字サイズを変更します

アプリの準備

サンプルアプリとして以下のフィールドを作成しました。

Customineの設定

全体の流れはこのようになります。

一覧画面を表示した時の処理

次の設定をしています。

・ステータスが未対応の場合は、ステータスの文字色を赤色にします

・対応状況が未対応を含む場合は、期限とステータスの背景色を黄色にします

・対応状況の文字の大きさを1.5倍にします

詳細画面を表示した時の処理

次の設定をしています。

・至急の値が至急の場合は、至急の文字色を紫色にします

・至急の背景色を水色にします

・至急の文字の大きさを2倍にします

文字色と背景色は別のアクションですが同じフィールドに指定することが出来ますので、色々な組み合わせが実現可能です。

まとめ

お使いのアプリに合わせて設定をしていただくことで、フィールドの値によって背景色や文字色を変更できるので、優先順位や対応漏れに気付きやすくなります。

また、詳細画面に設定することで、注意すべきフィールドを見つけやすくなります。