RichFaces provides a mechanism to apply RichFaces skinning principles to standard components!

This feature provides styling for standard HTML form elements so that the share a commmon look'n'feel with RichFaces component skins. There are two general approaches to apply skins to these elements:

- Automatic: Toggled via a context param this approach will attempt to skin many standard components using element names and type attributes where possible. No additional steps are required from an application developer.
- Manual: RichFaces also provides a set of CSS style classes that can be manually assigned to controls.

The automatic approach also has 2 levels of support:

1. Standard - customization of only basic style properties.
2. Extended - extends basic level introducing customizations of a broader number of style properties

Skinning level is calculated automatically at server side depending on user agent info.

NOTE:Extended skinning is not applied to browsers with rich visual styling for controls (e.g. Opera and Safari). Also advanced level of skinning requires support of CSS 2 attribute selectors either as implicit type attributes for button/textarea elements (e.g. IE7 in standards compilant mode) or CSS 3 draft namespace selectors (e.g. Mozilla Firefox).

Here is a skinned form example. Note there is no styling in sources of that form

Standard components skinning All the controls below are just standard JSF components skinned with Rich Faces:

For more details on this setup and configuration of these features (including how to selectively disable skinning) please review RichFaces documentation.