設定された条件に基づいてタブの色を自動で変更する

このページでは、タブ表示プラグインを使用して、設定された条件に基づいてタブの色を自動で変更する手順を確認できます。

条件やステータスに応じて、開くべきタブが一目で分かるようになるので、目的のフィールドに素早くアクセスすることが可能です。

できること

レコードの値に合わせて、対象のタブを自動で色分け表示することができます。

商談のフェーズに合わせて、該当するタブの色を変更しました

 

利用シーン

  • 顧客のステータスが「重要顧客」の場合は”基本情報タブ”を赤にし、重点的に確認すべき情報を強調する。
  • 案件のステータスが「遅延」の場合は”進捗タブ”をオレンジにし、遅れている工程を一目で把握する。
  • 社員の雇用状態が「契約満了予定」の場合は”契約情報タブ”を赤にし、更新対応を促す。
  • 在庫数が一定数を下回った場合は”在庫タブ”を黄色にし、補充が必要な商品を分かりやすく表示する。
  • 問い合わせ種別が「クレーム」の場合は”対応履歴タブ”を赤にし、優先度の高い案件を見落とさないようにする。

必要なアプリ・プラグイン

アプリ

以下のボタンをクリックするとアプリテンプレートがダウンロードできます。

アプリテンプレートをダウンロード

運用中のアプリでも設定が可能です。
今回の設定内容(設定手順)に基づいて、作成したい方はアプリテンプレートをダウンロードしてください。

プラグイン

タブ表示プラグイン

まだkintoneにプラグインをインストールしていない方は、30日間のお試し申込をしてプラグインをご利用ください。

今すぐ無料で30日間お試し

 

設定手順

  • アプリのフォーム設定で、任意のフィールドを設定します。
    アプリテンプレートを利用する場合は、既に設定済です。

  • プラグインの設定画面を開きます。
    フィールドをタブとして分けて表示するを参考に、タブ表示内容設定でタブ表示の基本設定を行います。


    プラグイン設定画面

    フォーム設定画面
  • 次に、タブのデザイン設定をクリックして、条件付き色切り替え機能をONにします。

  • 条件付き色切り替え機能の設定を行います。
    まず、色の設定を行います。
    今回の例では、条件を満たした場合にタブの背景色が黄色になるように設定しました。
    また、アクティブ時(そのタブが選択されているとき)には、文字色が青になるように設定されています。

    設定画面 アプリ画面
  • 続いて、条件の設定を行います。
    今回の例では、「検討中情報」「交渉中/成約」「失注情報」という3つのタブについて、フェーズのドロップダウンフィールドがそれぞれ条件値を満たした場合に、自動で色の切り替えを行うように設定を行いました。

    設定が完了したら、保存ボタンを押して、アプリを更新します。

 

完成

 

自分の環境でプラグインを試したい方は30日間無料お試し申込み!

プラグインの体験お申込みはこちらから!

当社では、プラグインを30日間無料で自分の環境でお試しいただけます!お気軽にお申込みください!

誰でもすぐにプラグインが体験できるデモ環境を公開中!

プラグインデモ環境の無料体験はこちらから!

当社では、どなたでも簡単にプラグインをお試し頂ける「プラグインデモ環境」を公開しております!

面倒な手続きは一切不要で、今すぐプラグインの機能や操作性を体験していただけます。

「とりあえずプラグインを体験してみたい!」という方は、上記のボタンからどうぞ!

それでは、最後までお読みいただきありがとうございました。