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