ダイアログエディター

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

動作を確認するには、CRXDE Liteに移動し、/libs/foundation/components/chartのエクスプローラツリーを開き、重複dialogをクリックします。

chlimage_1-247

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

screen_shot_2012-02-01at25033pm

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

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

  • 左上の​パレット。このウィンドウには、タブパネル、テキストフィールド、選択リスト、ボタンなど、ダイアログボックスの作成に使用できるウィジェットが表示されます。パレット内の様々なカテゴリを展開するには、該当する分割バーをクリックします。
  • 左下の​構造​ウィンドウ。このウィンドウには、ダイアログの定義を構成するノードの構造が表示されます。CRXDE Lite または CRX Content Explorer で dialog ノードを展開した場合も、同じ構造が表示されます。
  • ウィンドウの中央にある​render​ペイン。このペインでは、構造ウィンドウで定義されたダイアログ定義が実際のダイアログボックスとしてレンダリングされる方法を示します。
  • プロパティ​ウィンドウ。このウィンドウには、構造ウィンドウで現在選択されているノードのプロパティが表示されます。

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

ダイアログボックスを作成するには、パレットから構造ウィンドウへ要素をドラッグ&ドロップして、ダイアログ定義階層内に配置します。

必要な構造が完成したら、レンダリングウィンドウ上部の「保存」をクリックします。

注意

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

新しいダイアログの作成

新しいダイアログボックスを作成するには、必要なコンポーネントを選択して、「作成」をクリックし、「ダイアログを作成」をクリックします。

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

ダイアログエディターを使用した基礎モードの作成

基礎モードは、ワンステップで入力および送信が可能なフォームを含む特殊なページです。これを使用すると、入力されたコンテンツを使用して、短時間でページを作成できます。

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

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

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now