Page cover

カレンダー

Avonni カレンダーは、カレンダー、タイムライン、アジェンダなどの形式でリソースとイベントを表示・管理するためのカスタマイズ可能なインターフェースを提供します。

カレンダーの設定

リソースとイベントを理解する

Avonni カレンダーは2つのコア概念を使用します: リソース 値を参照するフィルターを追加します: イベント.

  • リソース: スケジュールの「誰」または「何」。これらは予定されている人、場所、または物と考えてください のための.

    • 例: 会議室(Room A、Room B)、スタッフ(John Doe、Jane Smith)、機器(プロジェクター、ノートパソコン)。

    • 目的: 可用性を追跡し、スケジュールの競合を防ぐこと。

  • イベント: スケジュールの「いつ」と「何が起きているか」。これらは予定された活動です。

    • 例: 「チームミーティング」、「クライアントコール」、「プロジェクトの締め切り」。

    • 目的: 通常は特定のリソースに紐づく、予定された予定、タスク、または締め切りを表します。

本質的に、イベントはリソースに対して予定されます。カレンダーを埋めるには両方を定義する必要があります。次のステップは、これらの概念をデータソースに接続することです。

データソースの種類を選択する

リソース 」(「誰」または「何」)と イベント (「いつ」と「何が起きているか」)を把握したので、これらを Avonni カレンダーに取り込む時です! データソース は、これらの情報をコンポーネントに供給する方法です。あなたのニーズに合った方法を選択します。

選択して設定するための手順は次のとおりです:

データマッピング

データマッピングの重要性

可変データソースを使用する場合、データマッピングは不可欠です。Salesforce レコードのフィールドを Avonni カレンダーの属性に接続し、データが正しく表示されるようにします。

データマッピングの仕組み

データマッピングは翻訳プロセスであり、Salesforce のどのフィールドが Avonni カレンダーの各属性に対応するかを指定します。

特に注意を払うべきは イベントセクションのリソース名属性 です。この属性は各イベントをカレンダー内の対応するリソースにリンクするため重要です。

  • リソース名マッピングがある場合: たとえば、'Room A' と 'Room B' の2つの会議室があるとします。'Team Meeting' というタイトルのイベントが 'Room A' にマッピングされていれば、カレンダーでは 'Room A' の下に表示されます。同様に、'Client Presentation' が 'Room B' にマッピングされていれば、'Room B' の下に表示されます。

  • リソース名マッピングがない場合: リソース名がマッピングされていないと、'Team Meeting' と 'Client Presentation' は単一の未定義のリソースの下に表示され、どの部屋でどのイベントが行われているかを特定するのが難しくなります。

このマッピングプロセスは、Salesforce 環境からのデータがカレンダー内でどのように表示および操作されるかを決定するため重要です。正しいマッピングにより、イベントとリソースが正しく表示され、カレンダーがスケジュールとリソース管理のための信頼できる効果的なツールになります。

設定の最終化

データマッピングを完了すると、Avonni カレンダーは選択した表示(カレンダー、タイムライン、またはアジェンダ)で Salesforce データを視覚的に表現する準備が整います。

表示形式を選択する

Avonni カレンダーは、さまざまなスケジューリングおよび組織の好みに対応するために、3つの異なる表示形式を提供します。各形式はイベントとリソースの表示および操作に独自の方法を提供します。

選択された表示
説明
画像

タイムライン

ユーザーに、選択可能な期間にわたるスケジュールの線形視覚表現を提供します。

カレンダー

これはほとんどの人がカレンダーに関連付ける従来のグリッドベースのビューです。

アジェンダ

リスト内の各エントリにはイベントの詳細が含まれ、時系列で配置されます。

カレンダーの見た目を選んでください。各オプションはユーザーがイベントとリソースを表示する方法を変えます:

  • タイムライン: 時間に沿ったイベントの水平ビュー。

    • : 1週間の Room A のすべての予約を確認する。

  • カレンダー: クラシックなグリッドレイアウト(行/列で日を表示)

    • : 月ごとの予定表示

  • アジェンダ: 日付順に並べられたイベントのリスト表示。

    • : 「午前9時 ミーティング」、「午前10時 通話」が時系列で一覧表示されます。

方法: 設定で希望の表示を選択します 選択された表示

プロパティの変更

高度なオプション

以下は Avonni カレンダーコンポーネントで利用可能な高度なオプションの簡潔な説明です

属性
説明

非表示の表示

このオプションを使用すると、ツールバーから特定の表示タイプを非表示にできます。表示タイプが1つまたはゼロの場合、ツールバーのボタンは非表示になります。

タイムラインのバリアント

選択された表示がタイムラインであるときにスケジュールの向きを決定します。

境界への引き寄せ

境界への引き寄せを有効にすると、カレンダーコンポーネントが左右の端まで広がり、カレンダーとメインコンポーネントの間の余白がなくなります。

フィットにズーム

フィットにズーム(Zoom to Fit)は、タイムライン表示で水平スクロールを防ぎ、すべてのイベントが表示領域内に収まるようにして、簡単にアクセスでき視認性を確保します。

時間範囲

Avonni カレンダーはカスタマイズ可能な日、週、月ビューを許可し、調整可能な複数日スパンで計画を強化します。詳細はこちらをご覧ください。

ヘッダーセクションは、上部ヘッダーのさまざまなカスタマイズオプションを提供します。

利用可能なオプションの簡単な概要は次のとおりです:

属性
説明

ヘッダーを非表示

このプロパティを使用すると、必要に応じて上部ツールバーを非表示にできます。選択すると、ツールバー全体が表示されなくなります。

タイトル

このプロパティでは、ツールバーにカスタムタイトルを設定できます。入力したタイトルはツールバーに目立つように表示され、カレンダーを明確に識別します。

アバター

このオプションでは、ツールバーにアバターを追加できます。個人化やカレンダーの所有者やコンテキストに関する視覚的手がかりを提供するのに役立ちます。

アクション

このプロパティにより、ツールバーにボタンアクションを追加できます。これらのアクションは、から作成されたインタラクションに基づいてトリガーされます インタラクションパネル

利用可能時間

利用可能時間セクションでは、カレンダーに表示される時間枠をカスタマイズするための複数のオプションを提供します。この機能は特定の関心期間に焦点を当てるのに便利です。

利用可能なオプションは次のとおりです:

属性
説明

曜日

このオプションでは、カレンダーに表示する曜日を指定できます。選択すると、カレンダーは選択した曜日のみを表示し、他の曜日は非表示になります。

曜日オプションと同様に、カレンダーに表示する月を選択できます。選択が行われると、カレンダーは選択した月のみを表示します。

時間枠

この機能では、カレンダーのカスタム時間枠を定義できます。これを使用すると、カレンダーに表示される時間を正確に制御でき、最も重要な時間帯に焦点を当てることができます。

コンポーネントで利用可能な時間枠を定義するには、特定の構文パターンを使用する必要があります。各時間枠は "start-end" という形式の文字列で表現する必要があります。'start' と 'end' の時間は ISO8601 時刻標準、つまり 24 時間表記の形式でフォーマットされなければなりません。

例:

利用可能時間を午前8時から午後6時に設定したい場合は、次のように記述する必要があります 08:00-18:00。この例では:

  • 08:00 は開始時刻(午前8時)を表します。

  • 18:00 は終了時刻(午後6時)を表します。

この形式は時間枠を明確かつ標準化された方法で指定することを保証し、利用可能な時間スロットの構成と理解を容易にします。


コンテキストメニューアクション

コンテキストメニューアクションセクションでは、カレンダーのコンテキストメニューに特定のアクションを追加するオプションを提供します。これにより、カレンダーイベントの対話性と機能性が向上します。利用可能なオプションは次のとおりです:

属性
説明
説明図

イベントアクション

これらはイベントのコンテキストメニューおよび詳細ポップオーバーに表示されるボタンアクションです。これらを設定することで、ユーザーがイベントから直接編集や削除などのカスタムアクションを実行できるように定義できます

空きスポットアクション

これらはカレンダーの空いている場所をクリックしたときにコンテキストメニューに表示されるボタンアクションです。これにより、特定のイベントが選択されていない場合に新しいイベントを作成するなどのアクションをユーザーに提供できます。

イベント表示

Avonni カレンダーコンポーネントのプロパティパネルのイベント表示セクションでは、カレンダーイベントの視覚的美観をカスタマイズするためのさまざまなオプションを提供します。

利用可能なオプションは次のとおりです:

テーマ

このオプションでは、イベントの視覚テーマを選択できます。次のような複数のプリセットテーマから選択できます: デフォルト, 透明, ライン, 中空、または 丸みを帯びた、各々があなたの好みやブランドアイデンティティに合わせた独自の視覚スタイルを提供します。

テーマのバリエーション

パレット

この機能により、選択したパレットから各リソースに異なる色を割り当てることができます。カラーパレットは異なるリソース間で一貫した色の使用を提供する色のコレクションです。これにより、カレンダー上でリソースを視覚的に区別し素早く識別するのに役立ちます。

ポップオーバーフィールド

ユーザーがイベントにカーソルを合わせたとき、これらのフィールドは小さなポップアップボックス(または「ポップオーバー」)に表示されます。これにより、ユーザーはクリックせずに重要なイベント詳細を確認できます。ポップオーバーには任意のフィールド情報を追加できます。

フィルター

フィルターセクションは、カレンダーのサイドパネルに関する複数のカスタマイズオプションを提供します。

利用可能なオプションは次のとおりです:

属性
説明

リソースフィルターを非表示

リソースフィルターを非表示にすることができます。このフィルターはタイムライン表示ではツールバーに位置しますが、他の表示ではサイドパネルにあります。

リソースフィルターのラベル

以前の設定でリソースが非表示にされていない場合、'Resources' フィルターのラベルを名前変更できます。

日付ピッカーを非表示

このオプションを選択すると、カレンダーのヘッダーから特定の日付を選択できなくなります

タイプ

このオプションはフィルターメニューの位置を制御します。次から選択してください:

  • 横方向: コンポーネント全体にわたる水平バーでフィルターメニューを表示します。

  • ポップオーバー: ボタンがクリックされたときに表示されるコンパクトなウィンドウでフィルターメニューを表示します。

  • パネル: コンポーネントの端からスライドアウトするサイドパネルにフィルターメニューを表示します


このオプションでは、ユーザーがタイトルでイベントを検索できる検索バーを追加できます。有効にすると、以下もカスタマイズできます:

  • プレースホルダーテキスト: これはユーザーが入力を開始する前に検索バーに表示されるテキストを設定します(例:「イベントを検索」)。

  • 検索ボックスの位置: 検索バーの表示位置を選択します:左、右、中央、幅を埋める、または別パネルとして。


カレンダーの見た目

Avonni カレンダーの視覚的表現を調整して、Salesforce 内でシームレスでネイティブに近い体験を作成します。これらのカスタマイズ可能な設定により、カレンダーの外観を洗練し、Salesforce 環境にスムーズに統合されるようにできます。

フルハイト

フルハイト設定を利用して、ユーザーインターフェース内でカレンダーの統合を最適化します。これにより、カレンダーがユーザーの現在の画面サイズにぴったり収まり、スクロールの必要がなくなり、カレンダーを一目で完全に表示できます。

最終更新

役に立ちましたか?