ContextHub データを使用したページのプレビュー previewing-pages-using-contexthub-data

CAUTION
AEM 6.4 の拡張サポートは終了し、このドキュメントは更新されなくなりました。 詳細は、 技術サポート期間. サポートされているバージョンを見つける ここ.

この ContextHub ツールバーは、ContextHub ストアのデータを表示し、ストアデータを変更できます。 ContextHub ツールバーは、ContextHub ストア内のデータによって決定されるコンテンツをプレビューする場合に役立ちます。

ツールバーは、1 つ以上の UI モジュールを含む一連の UI モードで構成されます。

  • UI モードは、ツールバーの左側に表示されるアイコンです。 アイコンをクリックまたはタップすると、その中に含まれている UI モジュールがツールバーに表示されます。
  • UI モジュールは、1 つ以上の ContextHub ストアのデータを表示します。 また、一部の UI モジュールでは、ストアデータを操作することもできます。

ContextHub によって、いくつかの UI モードと UI モジュールがインストールされます。管理者が 設定済みの ContextHub を使用して、異なるものを表示できます。

screen_shot_2018-03-23at093446

ContextHub ツールバーの表示 revealing-the-contexthub-toolbar

ContextHub ツールバーは、プレビューモードで使用できます。 このツールバーは、オーサーインスタンス上で、管理者が有効にしている場合にのみ使用できます。

screen_shot_2018-03-23at093730

  1. 編集用にページを開いた状態で、ツールバーの「プレビュー」をクリックまたはタップします。

    chlimage_1-219

  2. ツールバーを表示するには、ContextHub アイコンをクリックまたはタップします。

UI モジュールの機能 ui-module-features

各 UI モジュールは異なる機能セットを提供しますが、次のタイプの機能が一般的です。 UI モジュールは拡張可能なので、開発者は必要に応じて他の機能を実装できます。

ツールバーの内容 toolbar-content

UI モジュールは、1 つ以上の ContextHub ストアのデータをツールバーに表示できます。UI モジュールは、アイコンとタイトルで識別されます。

screen_shot_2018-03-23at093936

ポップアップコンテンツ popup-content

一部の UI モジュールは、クリックまたはタップされるとポップアップオーバーレイを表示します。 一般的に、ポップアップには、ツールバーに表示されている以外の追加情報が含まれています。

screen_shot_2018-03-23at094003

ポップアップフォーム popup-forms

モジュールのポップアップオーバーレイには、ContextHub ストア内のデータを変更できるフォーム要素を含めることができます。 ページのコンテンツがストアデータによって決まる場合は、フォームを使用して、ページコンテンツの変更を観察できます。

全画面表示モード fullscreen-mode

ポップアップオーバーレイには、クリックまたはタップするとポップアップコンテンツを拡張してブラウザーウィンドウまたは画面全体に表示するアイコンを含めることができます。

recommendation-more-help
5f6f1f67-8db1-40cb-84e9-024e65b9fc4c