ダイアログエディター dialog-editor
ダイアログエディターは、ダイアログボックスや基礎モードを簡単に作成および編集できるグラフィカルインターフェイスを提供します。
機能を確認するには、CRXDE Lite に移動して、エクスプローラーツリーを /libs/foundation/components/chart で開き、ノード dialog をダブルクリックします。
dialog ノードが ダイアログエディター で開かれます。
ユーザーインターフェイスの概要 user-interface-overview
ダイアログエディターのインターフェイスは、次の 4 つのペインで構成されます。
- この パレット（左上隅） このウィンドウには、タブパネル、テキストフィールド、選択リスト、ボタンなど、ダイアログボックスの作成に使用できるウィジェットが表示されます。 目的の区切りバーをクリックして、パレット内の様々なカテゴリを展開できます。
- この 構造 ウィンドウの左下隅に表示されます。 このウィンドウには、ダイアログ定義を構成するノードの階層構造が表示されます。 同じ構造を表示するには、「CRXDE Lite」または「CRX Content Explorer」で dialog ノードを展開します。
- ウィンドウの中央の レンダリング ペイン。このペインには、構造ペインで定義したダイアログ定義が実際のダイアログボックスとしてどのようにレンダリングされるかが表示されます。
- この プロパティ ウィンドウ このウィンドウには、構造ウィンドウで現在ハイライト表示されているノードのプロパティが表示されます。
ダイアログエディターの使用 using-the-dialog-editor
ダイアログボックスを構築するために、ユーザーはパレットから構造ウィンドウに要素をドラッグ&ドロップし、ダイアログ定義階層内の位置に配置します。
目的の構造が完了したら、ユーザーは 保存（レンダリングペインの一番上）
新しいダイアログの作成 creating-a-new-dialog
新しいダイアログボックスを作成するには、必要なコンポーネントを選択する必要があります。次に、 作成… その後 ダイアログを作成….
必要な詳細を入力して「すべて保存」をクリックします。ここでダイアログをダブルクリックすると、エディターで開くことができます。
基礎モード用のダイアログエディターの使用 using-the-dialog-editor-for-scaffolds
基礎モードとは、1 回の手順で入力および送信できるフォームを含む特別なページです。 これにより、入力したコンテンツを使用してページをすばやく作成できます。
基礎モードを構成するフォームは、通常のダイアログと同様に、ダイアログ定義によって定義されます。ただし、基礎モードページ上では別のフォームで表示されます。ダイアログ定義は基礎モードの定義に使用されるので、基礎モードはダイアログエディターを使用して設計することができます。この方法でダイアログエディタを使用する場合、レンダリングペインには、ダイアログ定義が基礎モードとしてではなく、ダイアログボックスの形式で表示されます。
ダイアログエディターを使用して基礎モードを作成する方法について詳しくは、基礎モードを参照してください。