ダイアログエディター

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

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

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

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

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

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

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

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

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

新しいダイアログの作成

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

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

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

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

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

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