詳細アイコン IDE内の表示

JSFページを作成してトリニダード・コンポーネントを追加する手順を完了すると、ビジュアル・エディタの表示は次のようになります。

ビジュアル・エディタ、br-o.jspx

注意: 必要な場合は、ビジュアル・エディタ・ツールバーの リフレッシュ・アイコン ドロップダウン・メニューから「ページのリフレッシュ」を選択してページを再描画します。

ビジュアル・エディタには、フォーム・コンポーネントを表す四角形が表示されます。ページにコンポーネントを追加するため、この四角形の内側、または四角形の内側のコンポーネント内にコンポーネントをドロップします。

「構造」ウィンドウには、ページ上のコンポーネントが階層形式で表示されます。

「構造」ウィンドウ、br-o.jspx

「構造」ウィンドウで選択したコンポーネントは、ビジュアル・エディタで強調表示されます。たとえば、「構造」ウィンドウで「tr:panelGroupLayout」を選択すると、ビジュアル・エディタでパネル・グループ・レイアウト・コンポーネントが強調表示されます。

ビジュアル・エディタでユーザー・インタフェースを設計するのは便利で簡単ですが、「構造」ウィンドウを使用してコンポーネントを挿入、移動または削除すると正確に制御できます。