ダイアログエディター

注意

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

ダイアログエディターは、ダイアログボックスや基礎モードを簡単に作成および編集できるグラフィカルインターフェイスを提供します。

機能を確認するには、CRXDE Lite に移動して、エクスプローラーツリーを /libs/foundation/components/chart で開き、ノード dialog をダブルクリックします。

chlimage_1-247

dialog ノードが​ダイアログエディター​で開かれます。

screen_shot_2012-02-01at25033pm

ユーザーインターフェイスの概要

ダイアログエディターのインターフェイスは、次の 4 つのペインで構成されます。

  • この パレット（左上隅） このウィンドウには、タブパネル、テキストフィールド、選択リスト、ボタンなど、ダイアログボックスの作成に使用できるウィジェットが表示されます。 目的の区切りバーをクリックして、パレット内の様々なカテゴリを展開できます。
  • この 構造 ウィンドウの左下隅に表示されます。 このウィンドウには、ダイアログ定義を構成するノードの階層構造が表示されます。 同じ構造を表示するには、「CRXDE Lite」または「CRX Content Explorer」で dialog ノードを展開します。
  • ウィンドウの中央の​レンダリング​ペイン。このペインには、構造ペインで定義したダイアログ定義が実際のダイアログボックスとしてどのようにレンダリングされるかが表示されます。
  • この プロパティ ウィンドウ このウィンドウには、構造ウィンドウで現在ハイライト表示されているノードのプロパティが表示されます。

ダイアログエディターの使用

ダイアログボックスを構築するために、ユーザーはパレットから構造ウィンドウに要素をドラッグ&ドロップし、ダイアログ定義階層内の位置に配置します。

目的の構造が完了したら、ユーザーは 保存（レンダリングペインの一番上）

注意

ダイアログエディターは、比較的単純なダイアログを作成することを目的としており、より複雑なダイアログ定義を編集できない場合があります。 ダイアログエディターでダイアログ構造の編集が許可されていない場合は、CRXDE Liteや CRX Content Explorer などを使用してノード構造を直接編集することで、ダイアログ定義を手動で作成または編集する必要があります。

新しいダイアログの作成

新しいダイアログボックスを作成するには、必要なコンポーネントを選択する必要があります。次に、 作成… その後 ダイアログを作成….

必要な詳細を入力して「すべて保存」をクリックします。ここでダイアログをダブルクリックすると、エディターで開くことができます。

基礎モード用のダイアログエディターの使用

基礎モードとは、1 回の手順で入力および送信できるフォームを含む特別なページです。 これにより、入力したコンテンツを使用してページをすばやく作成できます。

基礎モードを構成するフォームは、通常のダイアログと同様に、ダイアログ定義によって定義されます。ただし、基礎モードページ上では別のフォームで表示されます。ダイアログ定義は基礎モードの定義に使用されるので、基礎モードはダイアログエディターを使用して設計することができます。この方法でダイアログエディタを使用する場合、レンダリングペインには、ダイアログ定義が基礎モードとしてではなく、ダイアログボックスの形式で表示されます。

ダイアログエディターを使用して基礎モードを作成する方法について詳しくは、基礎モードを参照してください。

このページ