← 活用ガイド一覧へ
カレンダープラグイン

条件に基づいてイベントの色を変更する

このページでは、カレンダープラグインを使用して、条件に基づいてイベントの色を変更するの手順を確認できます。

できること

条件に基づいてイベントの色を変更するのデモ画面
動作イメージ
注意事項 ※機能を試す前に必ずご確認ください。
  • 機密情報、個人情報、その他不適切な情報を登録しないこと
  • 利用者のIPアドレスやそれに基づく行動を環境提供元のパートナーが確認できる権限を持っていること
  • サービス環境に過剰な負荷がかかるような利用を避けること
  • デモ環境の利用開始により上記注意事項に同意したものとみなす

利用シーン

  • スケジュール管理アプリで、担当者や使用する会議室に応じて、色を切り替えて表示する

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

アプリ

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

プラグイン

カレンダープラグイン

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

設定手順

1必要なフィールドをフォームに配置する

アプリのフォーム設定で ・タイトル(文字列1行) ・開始日時(日時) ・終了日時(日時) ・終日チェック(選択が1つのチェックボックス) のフィールドを設定します。 また、条件となる担当者や会議室のフィールドも設定しておきましょう。 アプリテンプレートを利用する場合は、既に設定済です。

change-event-colors-by-conditionの設定手順1の画面
手順1の設定画面
2プラグインの設定画面を開きます。

プラグインの設定画面を開きます。 まずは、 カレンダーを表示する を参考に基本設定を行いましょう。 設定名称と表示する一覧の設定 フィールドの設定。

change-event-colors-by-conditionの設定手順2の画面
手順2の設定画面
change-event-colors-by-conditionの設定手順2の画面
手順2の設定画面
3次に、色の設定のタブを選択して、イベントの条件付き色切り替え機能をONにします。

次に、色の設定のタブを選択して、イベントの条件付き色切り替え機能をONにします。

change-event-colors-by-conditionの設定手順3の画面
手順3の設定画面
4まず、条件1の背景色をクリックして色の設定を行いましょう。

まず、条件1の背景色をクリックして色の設定を行いましょう。

change-event-colors-by-conditionの設定手順4の画面
手順4の設定画面
5次に、条件の設定を行います。

次に、条件の設定を行います。 条件1では、担当者フィールドの値が担当者Aを含むときに、背景色が青色になるように設定を行いました。

change-event-colors-by-conditionの設定手順5の画面
手順5の設定画面
6条件を追加して色分けを設定する

同様に、他の担当者の場合にも背景色が変更されるように、条件を追加して設定を行います。 設定が完了したら、保存ボタンを押して、アプリを更新します。

change-event-colors-by-conditionの設定手順6の画面
手順6の設定画面

完成

条件に基づいてイベントの色を変更するの完成イメージ
完成イメージ

Crena Plugin

すべてのプラグインを
30日間無料でお試し

  • 全プラグインが使える
  • クレジットカード不要
  • 本番環境で動作確認
Crena Plugin 無料トライアル申し込み画面