Output style of the ADF page

Source: Internet
Author: User
Tags mozilla thunderbird microsoft outlook
Jdev version: 11.1.2.0.0
The Print Style and mail style of the ADF page are generally simpler than the ordinary style. Many unnecessary content (buttons and scroll bars) are printed. The mail style is as simple as possible to operate normally in the mail.
You can use the variable adffacescontext. outputmode provided by the ADF to control whether the component is displayed: <AF: activeimage source = "/images/stockchart.gif" rendered = "# {adffacescontext. outputmode! = "Email"} "/> the API corresponding to adffacescontext. outputmode is as follows. You can use it to get the page style: adffacescontext. getoutputmode ()
1. Print the stylePrintableshowprintablepagebehavior is added to the commandbutton to print the content contained in the layout controls panelsplitter, panelaccordion, or the root node of the page label tree. When printing, buttons, tabs, and scrollbars will be ignored.
ADF page:


Corresponding Print Style:


2. Mail StyleEmailable1) External stylesheets cannot be referenced. The email page must be different from the original page. 2) the automatic conversion of the JSF page will be implemented by the ADF to adapt to Microsoft Outlook, Mozilla Thunderbird, and Gmail. 3) Not all components can be displayed in the mail style, below is the component transform (renders as readonly) Since (renders as readonly) inputnumberslider (renders as readonly) inputnumberspinbox (renders as readonly) inputrangeslider (renders as readonly) outputtextselectonechoice (rendpoints as readonly) panellabelandmessageimagetablecolumngolink (renders as text) commandimagelink (renders as text) commandlink (renders as text) goimagelink (renders as text) How to Create a mail style:Add org. Apache. MyFaces. Trinidad. Agent. Email = true to the current URL. Email style skin: AF | table { Border: 1px solid #636661; }  @ Agent email { AF | table{Border: None }} Runtime:In the render response stage, if the ADF faces framework receives the request parameter Org. apache. myFaces. trinidad. agent. email = true: the listener sets an internal identifier, and the framework performs the following operations: 1) remove any JavaScript from the html.2) add all CSS to the page, but only for components encoded on the page.3) Remove the CSS link from the html.4) convert all relative links to absolute links.5) render images with absolute URLs. add oracle. ADF. view. rich. render. emailcontenttype = multi Part/related, which can convert HTML to mime (images can be viewed offline ). The complete request parameter is org. Apache. MyFaces. Trinidad. Agent. Email = true & oracle. ADF. View. Rich. Render. emailcontenttype = multipart/related.
ADF page:

Corresponding mail style:

Tip: 1) Use inlinestyle to display the email style normally without changing the general ADF page layout. 2) For the last stretch column, you must set a reasonable width for the last column. 3) the CSS problem causes AF: The top border of the table. You can set the Header style of the column. 4) set AF: The table column header is centered, and the column content is left or right.

Output style of the ADF page

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.