はじめに

表示が主な目的である一覧画面ではカスタマインによる装飾を施すことで、特定のフィールドやレコードが認識しやすくなり、一覧画面をより見やすくする事ができます。

この記事では、2つの日付（発注日・納品日）の期間が20日以上（20日間以上の日数がかかった）レコードのフィールド（発注日、納品日、商品名称）背景色を黄色にして強調するカスタマイズをご紹介します。

カスタマイズするアプリ

カスタマイズするアプリは次のように作成してください。

※フィールド名とフィールドコードは同じものを指定します

カスタマイズ

これを実現するカスタマイズはアクション１つで実現できます。次のように指定してください。

やること「フィールド背景色を変更する」と、条件「一覧画面を表示した時」「２つの日付を比較して条件を満たすならば」を使います。

「２つの日付を比較して条件を満たすならば」では「比較する日付(A)」>= 「比較する日付(B)」+ 20日という条件設定をし、該当レコードの各フィールドの背景色を指定の色に変更しています。

なお、「比較する日付(A)」または「比較する日付(B)」のいずれか一方が空だった場合は、エラーにはなりませんが、条件は「満たされない」と判定されます。

これでカスタマイズは完成です。動きを試してみてください。次の画像のようになりましたか？

インライン編集モードでの注意点

このカスタマイズ例では、条件「一覧画面を表示した時」をイベント条件で使用しているため、一覧画面のインライン編集モードで編集保存しただけでは、一覧画面を表示した時の条件に該当しないので強調表示が変更後の値で反映されません。

こういった場合は、ブラウザの画面を更新することによって、条件が発動し、設定した装飾が反映されます。

おわりに

この記事では、2つの日付（発注日・納品日）の期間が20日以上（20日間以上の日数がかかった）レコードのフィールド（発注日、納品日、商品名称）背景色を黄色にして強調して、見やすくするカスタマイズをご紹介しました。

ぜひ、あなたのkintoneアプリに思うようなカスタマイズを入れて、kintoneアプリをより使いやすくしてみてください！

ご不明な点がございましたら、チャットでお問い合わせください。

Customineドキュメントやサポートページも、ぜひご活用ください。