ADFの出力スタイル page_html/css_WEB-ITnose

JDev バージョン: 11.1.2.0.0

ADF ページの印刷スタイルと電子メール スタイルは通常、通常のスタイルよりもシンプルです。表示する必要のないコンテンツ (ボタン、スクロール バー) が多くあります。印刷時の電子メールのスタイルは、メールの通常の操作のために可能な限り単純である必要があります。

ADF が提供する変数 adfFacesContext.outputMode を使用して、コンポーネントを表示するかどうかを制御できます:

rendered=" #{ adffacescontext.outputmode！= "email"} "/＆gt;

adffacescontext.outputmodeに対応するAPIは次のとおりです。ページスタイルを取得するために使用できます。 showPrintablePageBehavior を commandButton に設定し、レイアウト コントロールのpanelSplitter、panelAccordion、またはcommandButtonが配置されているページ タグ ツリーのルート ノードに含まれるコンテンツを印刷します。ボタン、タブ、スクロールバーは印刷時に無視されます。

ADF ページ:

対応する印刷スタイル:

2、電子メール スタイル

電子メール可能

1) 外部スタイルシート、電子メール ページを参照できません元のページとは明らかに違います。

2) ADF は、Microsoft Outlook、Mozilla Thunderbird、Gmail に適応するように JSF ページを自動的に変換します

3) すべてのコンポーネントを電子メール スタイルで表示できるわけではありません

は、電子メール スタイルに変換できるコンポーネントです。 document

panelHeader

panelFormLayout

panelGroupLayout

panelList

spacer

showDetailHeader

inputText (readOnly としてレンダリング)

inputComboBoxListOfV al ues (readOnly としてレンダリング)

inputNumberSlider (readOnly としてレンダリング)

inputNumberSpinbox (としてレンダリング) readOnly)

inputRangeSlider (readOnly としてレンダリング)

OutputText

selectOneChoice (readOnly としてレンダリング)

paneLabelAndMessage

image

table

columns

goLink (レンダリング) s をテキストとして表示)

commandImageLink (テキストとしてレンダリング)

commandLink (テキストとしてレンダリング)

goImageLink (テキストとしてレンダリング)

電子メール スタイルの作成方法:

org.apache.myfaces.trinidad.agent.email=true を現在の URL に追加します

メール スタイル スキン:

af|table {

枠線: 1px 実線 #636661 }

@エージェントメール {

af|テーブル

{border:none}

}

ランタイム:

レスポンスのレンダリング・フェーズで、ADF Facesフレームワークがリクエスト・パラメータ org.apache.myfaces.trinidad.agent.email=true を受信すると、リスナーは内部識別子を設定し、その後、フレームワークは次の処理を実行します:

1) HTML から JavaScript を削除します 2) すべての CSS をページに追加します (ただし、ページに含まれるコンポーネントのみ)。

3) HTML から CSS リンクを削除します

4) すべての相対リンクを絶対リンクに変換します

URL に oracle.adf.view.rich を追加します。 .emailContentType=multipart/relative は HTML を MIME に変換できます (画像はオフラインで閲覧できます)。完全なリクエストパラメータは次のとおりです: org.apache.myfaces.trinidad.agent.email=true&oracle.adf.view.rich.render.emailContentType=multipart/関連付け

対応する電子メール スタイル:

ヒント:

1) inlineStyle を使用して、通常の ADF ページ レイアウトを変更しないまま電子メール スタイルを通常どおり表示します。

2) 最後の列のストレッチでは、最後の列に適切な幅を設定する必要があります。

3) CSS の問題により、af:table に上枠がありません。 Column のヘッダー スタイルを設定できます。

4) af:table 列ヘッダーを中央に、列コンテンツを左、右などに設定します。