JSFページを作成し、パネル・ストレッチ・レイアウトを追加する

詳細アイコン 詳細

  1. アプリケーション・ナビゲータで、プロジェクトを選択し、「ファイル」 > 「新規」 > 「Web層」 > 「JSF」 > 「JSFページ」 「JSFページの作成」ダイアログを開きます
  2. ファイル名LayoutPage.jspxを入力し、「XMLドキュメントの作成(*.jspx)」が選択されていることを確認します。
  3. 「初期ページ・レイアウトおよびコンテンツ」で、「空白ページ」が選択されていることを確認します。
    詳細アイコン 詳細
  4. 「ページの実装」「マネージドBeanでUIコンポーネントは公開されていません」が表示されていることを確認します。「OK」をクリックします。
    詳細アイコン 詳細
  5. コンポーネント・パレットのADF Facesページにある「Layout」パネルで、枠線レイアウト・アイコン パネル・ストレッチ・レイアウト」をドラッグして、ビジュアル・エディタの空白ページにドロップします。
    詳細アイコン 詳細
  6. コンポーネント・パレットの「Layout」パネルで、装飾ボックスをルート・パネル・ストレッチ・レイアウトの「center」ファセットにドラッグ・アンド・ドロップします。
  7. 「構造」ウィンドウで、「af:panelStretchLayout」(つまり、「af:form」のすぐ下)を選択します。プロパティ・インスペクタの「共通」セクションで、「StartWidth」および「EndWidth」のプロパティ値をそれぞれ5pxに変更します。次に「BottomHeight」25pxに変更し、[Enter]を押します。
    詳細アイコン 詳細
  8. 作業内容を保存するには、すべて保存 すべて保存」をクリックします。
    詳細アイコン IDE表示の詳細説明

キュー・カード・アイコン 次のステップ