How to Add Resources to Page Templates and Declarative Components

20-2 Web User Interface Developers Guide for Oracle Application Development Framework It is beyond the scope of this guide to explain the concept of CSS. For extensive information on style sheets, including the official specification, visit the W3C web site at: http:www.w3.org

20.1.1 ADF Faces Skins

A skin is a style sheet based on the CSS 3.0 syntax specified in one place for an entire application. Instead of providing a style sheet for each component, or inserting a style sheet on each page, you can create one skin for the entire application. Every component automatically uses the styles as described by the skin. You do not have to make design-time changes to JSF pages to change their appearance when you use a skin. The skin allows you to globally change the appearance of ADF Faces components. Existing ADF Faces applications use the skin that the application was configured to use when the application was created. For example, if you created an application using Oracle ADF 11g 11.1.1.2.0, the application uses the fusion skin. Applications created with subsequent releases use skins that extend this skin. If you upgrade an application, the application continues to use the skin that it was configured to use when first created. You edit the trinidad-config.xml file, as described in Section 20.2.4, How to Configure an Application to Use a Custom Skin, if you want your application to use another skin. You can create your own custom skin by extending one of the skins provided by ADF Faces. For more information, see Section 20.2.1, How to Add a Custom Skin to an Application. Create or edit the trinidad-skins.xml file, as described in Section 20.2.3, How to Register a Custom Skin, in addition to editing the trinidad-config.xml file if you want your application to use a custom skin that you created. ADF Faces provides the following skins for use in your applications: ■ simple: Contains only minimal formatting. ■ blafplus-medium: Provides a modest amount of styling. This style extends the simple skin. ■ blafplus-rich: This skin extends the blafplus-medium skin. Provides more styling than the blafplus-medium skin. For example, graphics in the blafplus-rich skin have rounded corners. ■ fusion: Defines the default styles for ADF Faces components. This skin provides a significant amount of styling. Note: The 11g Release 2 11.1.2.0.0 introduced the ADF Skin Editor. Using this standalone product, you can visually create and modify skins for ADF Faces applications built using this release 11.1.1.5.0. The ADF Skin Editor provides a range of features that simplify the process of creating a skin. For more information, including how to install the ADF Skin Editor, see the Release Downloads for Oracle ADF 11g page at http:www.oracle.comtechnetworkdeveloper-toolsad fdownloadsindex.html . For information about using the ADF Skin Editor, see the Oracle Fusion Middleware Skin Editor Users Guide for Oracle Application Development Framework.