ページのレイアウトに、page
またはpanelPage
を使用するかどうかに関係なく、次のような特定の領域を備えたページ・レイアウトを作成できます。
迅速かつ容易にページをレイアウトできるように、ADF Facesでは、複数の便利な事前定義のページ・レイアウト・ファセットをサポートしています。これらのファセットは、次の方法で使用できます。
最初の図は、商標イメージ、ナビゲーション・メニュー、検索領域、ページ・タイトルおよびページ・フッターのアプリケーション・レベルの情報を備えた基本ページ・レイアウトを示しています。
前述の図のように、page
またはpanelPage
レイアウトでは、ページ最上部に企業および製品のロゴ、メニュー・ボタン(ヘルプなど)とメニュー切替えを挿入できます。そのすぐ下にはメニュー・タブ、その下には水平メニュー・バーがあります。メニュー・バー下のメニュー・リストは左側のみにあります。検索領域も挿入でき、メニュー・バーの下(サイド・メニュー・リストが使用されている場合は、そのリストの後)にレンダリングされます。
注意: panelPageHeader
コンポーネントもページ上部(企業イメージから検索領域まで、ただし、サイド・ナビゲーション・メニュー・リストは除く)のレイアウトをサポートしています。「panelPageHeaderおよびpanelHeaderコンポーネントについて」の図を参照してください。
page
またはpanelPage
で作成したすべてのページには、ページ・タイトルを指定できます。このタイトルはtitle
属性を使用して設定します。ページ・タイトルの下には水平方向に実線があり、ページ・タイトルとその他のページ・ボディ・コンテンツを区別しています。可能な場合は、検索領域がページ・タイトルの上に配置されます。ページ・タイトルの上には水平方向に点線が表示され、タイトルと検索領域が区別されます。
ページ下部には水平方向に実線が表示され、ページ・ボディ・コンテンツと、メニュー・タブおよびメニュー・ボタンのテキスト・リンク・バージョンが区別されます。テキスト・リンクの下は、アプリケーション・レベルのテキストおよびリンク(著作権情報、プライバシについてなど)です。
次の表に、page
またはpanelPage
のファセットと通常使用される子コンポーネントを示します。これらを使用することで、商標イメージ、ナビゲーション・メニュー、検索領域およびアプリケーション・レベルの情報(前述の最初の図を参照)をレイアウトできます。
番号
|
ファセット | 説明および通常使用される子コンポーネント |
---|---|---|
![]() |
branding
|
objectImage を使用して企業ロゴまたは組織商標を示すためのファセットです。子コンポーネントはページ左上部にレンダリングされます。
|
![]() |
brandingApp
|
|
![]() |
brandingAppContextual
|
通常は |
![]() |
menuSwitch
|
アクティブなページから別のアプリケーションに切り替え可能な 子コンポーネントはメニュー・モデルにバインドできます。 |
![]() |
menuGlobal
|
一連のメニュー項目をグローバル・ボタンとしてレイアウトする
子コンポーネントはページ右上部の 子コンポーネントはメニュー・モデルにバインドできます。
|
![]() |
menu1
|
一連のメニュー項目をタブとしてレイアウトする 子コンポーネントはメニュー・モデルにバインドできます。
|
![]() |
menu2
|
一連のメニュー項目をメニュー・タブの下の水平バーにレイアウトする 子コンポーネントはメニュー・モデルにバインドできます。
|
![]() |
menu3
|
メニュー項目の黒丸付きリストをレイアウトする 子コンポーネントはメニュー・モデルにバインドできます。
|
![]() |
search
|
|
![]() |
appAbout
|
commandLink を使用してアプリケーションに関する詳細情報へのリンクを示すためのファセットです。リンク・テキストがページ左下に表示されます。
|
![]() |
appCopyright
|
outputText を使用して著作権情報を示すためのファセットです。テキストはappAbout リンクの上に表示されます。
|
![]() |
appPrivacy
|
commandLink を使用してアプリケーションのプライバシ・ポリシーへのリンクを示すためのファセットです。リンク・テキストがページ右下に表示されます。
|
次の図に、ページに挿入できるページ・レベルのアクションと情報を示します。下の表は、page
またはpanelPage
のファセットと、通常使用される子コンポーネントを示しています。これらを使用することで、ページ・レベルのアクションと情報を提供できます。
前述のナビゲーション・メニューの他に、ユーザーがアプリケーション内で移動できる他のコンポーネントには、menuPath
およびprocessTrain
があります。これらのコンポーネントは、階層的なサイトでのユーザーの現在位置や、複数ステップのタスクでの現在のステップを示すこともできます。
たとえば、メニュー・タブ、バーおよびリストを使用してサイトを移動できる階層的なサイトでは、親ページとルート・ページに戻るためのリンクのパスが役立ちます。
特定のタスクを完了するまでに通過することが必要な一連のページがある場合は、一連のステップを示すステップのトレイン、プロセス内での現在のステップ、および現在のステップから移動できる規定のページを挿入できます。
page
またはpanelPage
でlocation
ファセットを使用すると、ページ内にmenuPath
またはprocessTrain
を挿入できます。メニュー・パス・リンクまたはプロセス・トレインは、ページ・タイトルの上(次の図のように、検索領域がある場合はその下)にレンダリングされます。
詳細は、「ADF Facesメニューのファセットおよびコンポーネントについて」および「プロセス・トレインについて」を参照してください。
ページ上部に配置されるクイック・リンクは通常、ページ内でコンテンツのセクションが明確に定義されている長いページに使用されます。クイック・リンクの図および詳細は、「panelPageHeaderおよびpanelHeaderコンポーネントについて」を参照してください。
page
またはpanelPage
コンポーネントは、すべてのメッセージをページ内の1箇所に配置するためのmessages
ファセットをサポートしています。通常は、messages
ファセットの子としてmessages
コンポーネントを使用します。メッセージ情報のために特別にページを作成している場合は、適切なアイコンがページ・タイトルに挿入されるようにメッセージ・タイプも設定できます。エラー・メッセージ用のメッセージ・ボックスを表示するためにpage
またはpanelPage
のmessages
ファセットを使用すると、ページ上部のページ・タイトルのすぐ上にメッセージ・ボックスがレンダリングされます。メッセージボックスの図および詳細は、「ADF Facesのメッセージ・ページについて」を参照してください。
ページのボディ・コンテンツでは(つまり、レイアウトの作成にpage
、panelPage
または他の方法を使用するかどうかに関係なく)、次のレイアウト・コンポーネントについて考慮してください。
panelHeader
またはshowDetailHeader
を使用できます。「panelPageHeaderおよびpanelHeaderコンポーネントについて」または「showDetail、showDetailHeaderおよびshowDetailItemコンポーネントについて」を参照してください。
panelTip
を使用します。
inputText
やselectOneChoice
などのフォーム入力コンポーネントにはpanelForm
を使用します。1つ以上の列で、ラベルとフィールドの適切な位置合せが行われます。ラベルは右寄せ、フィールドは左寄せになります。
panelGroup
を使用します。
panelHorizontal
を使用します。
panelList
を使用します。
panelLabelAndMessage
を使用します。panelForm
に複数のpanelLabelAndMessage
コンポーネントを配置します。ADF Faces入力コンポーネントをレイアウトする場合は、入力コンポーネントのsimple
属性をtrue
に設定する必要があります。「ADF Facesシンプル入力コンポーネントのラベルおよびメッセージの表示」を参照してください。
afh:body
を使用できないページで部分ページ・レンダリングが必要な場合は、af:document
またはaf:panelPartialRoot
を使用します。詳細は、「ページ内の部分ページ・レンダリング・ブロックについて」を参照してください。
ADF Facesメニューのファセットおよびコンポーネントについて
ADF Facesでの部分ページ・レンダリングのサポートについて
ADF Facesナビゲーション・コンポーネントの概要
メニュー・モデルの作成
Copyright © 1997, 2007, Oracle. All rights reserved.