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

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



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

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

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


アプリの準備

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


フィールド名

フィールドコード

フィールドタイプ、他

対応状況

対応状況

ラジオボタン

期限

期限

日付

至急

至急

チェックボックス




Customineの設定

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




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

次の設定をしています。

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

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

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




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

次の設定をしています。

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

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

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



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


まとめ

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


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