テンプレートの作成

詳細アイコン 詳細

  1. アプリケーション・ナビゲータで、ViewControllerプロジェクトを選択し、「ファイル」 > 「新規」 > 「Web層」 > 「JSF」 > 「JSFページ・テンプレート」 「JSFページ・テンプレートの作成」ダイアログを開きます
  2. ファイル名にOrdersTemplate.jspxと入力します。
  3. 「ファセット定義」タブを前面に表示した状態で、追加 追加」をクリックします。「名前」フィールドにmainと入力し、「OK」をクリックします。
    詳細アイコン 詳細
  4. コンポーネント・パレットのADF Facesページで、「Layout」パネルを開きます。パネル枠線レイアウト パネル枠線レイアウト」をドラッグし、ビジュアル・エディタの空白ページにドロップします。
  5. コンポーネント・パレットの「Layout」パネルで、パネル・ヘッダー パネル・ヘッダー」をドラッグして、ページの「top」ファセットにドロップします。
  6. プロパティ・インスペクタの「共通」セクションで、「Text」プロパティ値をAcme Incに変更します。
  7. 「外観」セクションを開きます。「アイコン」フィールドのドロップダウン・メニューから、「編集」を選択します。次にイメージをページに含めるために、イメージに移動して選択します。「はい」をクリックして、ドキュメント・ルートの下にアイコンを追加し、「保存」をクリックします。
    詳細アイコン 詳細
  8. プロパティ・インスペクタで、「Style」セクションを開いて、背景アイコン 背景」タブを選択します。「色」ドロップダウン・リストから色を選択して、background-colorプロパティを設定します。
  9. コンポーネント・パレットの「Layout」パネルで、パネル・ボックス パネル・ボックス」をドラッグし、ページ上の枠線レイアウト・コンポーネントの中央領域(startendファセットの間)にドロップします。
  10. プロパティ・インスペクタの「共通」セクションで、「Text」プロパティをOrder Applicationに変更します。「Style」セクションを開き、ボックス・アイコン ボックス」タブをクリックします。「パディング」フィールドに10と入力し、フィールドの横にあるドロップダウン・リストから「Pixel」を選択します。
  11. コンポーネント・パレットで、「共通コンポーネント」パネルを開きます。出力フォーマット済 OutputFormatted」をドラッグして、ページ上の「bottom」ファセット内にドロップします。
  12. プロパティ・インスペクタの「共通」セクションで、「値」プロパティを<em>Copyright &copy; 2009, Acme Inc. All rights reserved.</em>に変更します。
  13. コンポーネント・パレットの「共通コンポーネント」パネルで、ファセット参照 FacetRef」をドラッグして、ページ上のパネル・ボックス内にドロップします。
  14. 「ファセット参照の挿入」ダイアログで、「ファセット名」ドロップダウン・リストから「main」を選択します。次に、「OK」をクリックします。
  15. 作業内容を保存するには、すべて保存 すべて保存」をクリックします。
    詳細アイコン IDE表示の詳細説明
キュー・カード・アイコン 次のステップ