Author: ilya_shaikovsky
Date: 2008-03-30 07:17:33 -0400 (Sun, 30 Mar 2008)
New Revision: 7419
Added:
trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning/usage.xhtml
Modified:
trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties
Log:
standard skinning page
Modified:
trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties
===================================================================
---
trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties 2008-03-29
20:58:31 UTC (rev 7418)
+++
trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties 2008-03-30
11:17:33 UTC (rev 7419)
@@ -80,4 +80,5 @@
sorting=richDataIterators, Table Sorting, \t/images/ico_TableSorting.gif,
\t\t/images/cn_TableSorting.gif, RichFacesComponentsLibrary.html\#dataTable,
jbossrichfaces/freezone/docs/tlddoc/rich/dataTable.html,
jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIdataTable.html,
\t\t\t\t\t/richfaces/sortingFeature.jsf
filtering=richDataIterators, Table Filtering, \t/images/ico_TableFiltering.gif,
\t\t/images/cn_TableFiltering.gif,
RichFacesComponentsLibrary.html\#dataTable,
jbossrichfaces/freezone/docs/tlddoc/rich/dataTable.html,
jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIdataTable.html,
\t\t\t\t\t/richfaces/filteringFeature.jsf
columns =richDataIterators, \t Columns, \t\t\t/images/ico_columns.gif,
\t\t/images/cn_Columns.gif, \t\t\tRichFacesComponentsLibrary.html\#columns,
jbossrichfaces/freezone/docs/tlddoc/rich/columns.html,
jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIcolumns.html,
\t\t\t\t\t/richfaces/columns.jsf
-fileUpload =richInputs, \t File Upload, \t\t/images/ico_FileUpload.gif,
\t\t/images/cn_FileUpload.gif,
\t\t\tRichFacesComponentsLibrary.html\#fileUpload,
jbossrichfaces/freezone/docs/tlddoc/rich/fileUpload.html,
jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIfileUpload.html,
\t\t\t\t\t/richfaces/fileUpload.jsf
\ No newline at end of file
+fileUpload =richInputs, \t File Upload, \t\t/images/ico_FileUpload.gif,
\t\t/images/cn_FileUpload.gif,
\t\t\tRichFacesComponentsLibrary.html\#fileUpload,
jbossrichfaces/freezone/docs/tlddoc/rich/fileUpload.html,
jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIfileUpload.html,
\t\t\t\t\t/richfaces/fileUpload.jsf
+StandardSkinning =richMisc, \t Standard Skinning,
\t\t/images/ico_StandardSkinning.gif, \t\t/images/cn_StandardSkinning.gif,
\t\t\tRichFacesComponentsLibrary.html\#StandardSkinning,
jbossrichfaces/freezone/docs/tlddoc/rich/StandardSkinning.html,
jbossrichfaces/freezone/docs/apidoc/org/richfaces/component/UIfileUpload.html,
\t\t\t\t\t/richfaces/standardSkinning.jsf
\ No newline at end of file
Added:
trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning/usage.xhtml
(rev 0)
+++
trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning/usage.xhtml 2008-03-30
11:17:33 UTC (rev 7419)
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html
xmlns="http://www.w3.org/1999/xhtml"
+
xmlns:ui="http://java.sun.com/jsf/facelets"
+
xmlns:h="http://java.sun.com/jsf/html"
+
xmlns:f="http://java.sun.com/jsf/core"
+
xmlns:a4j="http://richfaces.org/a4j"
+
xmlns:rich="http://richfaces.org/rich">
+<ui:composition template="/templates/component-sample.xhtml">
+ <ui:define name="sample">
+ <style>
+ul,ol {
+ font-size: 11px !important;
+}
+</style>
+ <p>This section overviews main principles of standard components
+ skinning with the Rich Faces framework.</p>
+ <p>This feature provides styling for standard HTML form elements
+ in order to be highly compilant to RichFaces common look'n'feel. There
+ should be two ways of applying skins to elements:</p>
+ <ul>
+ <li>Skinning style classes are applied to elements by element
+ name and type attribute (where applicable). No additional steps
+ required from an application developer. Application initialization
+ parameter serves for enabling/disabling the feature.</li>
+ <li>Several style classes are provided for different types of
+ elements. That style classes have predefined names. Application
+ developer should manually assign classes to controls that needs
+ skinning or assign class to an element that contains controls.</li>
+ </ul>
+ <p>Standard controls skinning feature provides 2 levels of
+ skinning:</p>
+ <ol>
+ <li><b>Standard</b> - customization of only
+ basic style properties. </li>
+ <li><b>Extended</b> - extends basic level introducing customizations
+ of a broader number of style properties </li>
+ </ol>
+ <p class="note">
+ Advanced skinning should not be applied to browsers having 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).
+ </p>
+
+ </ui:define>
+
+</ui:composition>
+</html>
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning.xhtml
(rev 0)
+++
trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning.xhtml 2008-03-30
11:17:33 UTC (rev 7419)
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html
xmlns="http://www.w3.org/1999/xhtml"
+
xmlns:ui="http://java.sun.com/jsf/facelets"
+
xmlns:h="http://java.sun.com/jsf/html"
+
xmlns:f="http://java.sun.com/jsf/core"
+
xmlns:rich="http://richfaces.org/rich">
+<ui:composition template="/templates/main.xhtml">
+ <ui:define name="title">RichFaces - Open Source Rich JSF Components -
Stndard Components Skinning</ui:define>
+ <ui:define name="body">
+
+ <ui:include src="/richfaces/standardSkinning/usage.xhtml"/>
+ </ui:define>
+</ui:composition>
+</html>