Author: msorokin Date: 2008-05-28 11:40:50 -0400 (Wed, 28 May 2008) New Revision: 8807 Modified: trunk/docs/userguide/en/src/main/docbook/modules/RFCarchitectover.xml Log: http://jira.jboss.com/jira/browse/RF-2408 Some new info added Modified: trunk/docs/userguide/en/src/main/docbook/modules/RFCarchitectover.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/modules/RFCarchitectover.xml 2008-05-28 14:43:44 UTC (rev 8806) +++ trunk/docs/userguide/en/src/main/docbook/modules/RFCarchitectover.xml 2008-05-28 15:40:50 UTC (rev 8807) @@ -1615,12 +1615,12 @@ <para> - Standard controls skinning feature provides 2 levels of skinning, while skinning is based on detecting User Agent. If User Agent is not detected, Advanced level is used. + Standard controls skinning feature provides 2 levels of skinning - standard and extended, while skinning is based on detecting browser user agent. If user agent is not detected, Advanced level is used. </para> <itemizedlist> <listitem> <para> - <emphasis><property>Basic</property></emphasis> provides customization only basic style properties. + <emphasis><property>Standard</property></emphasis> provides customization only basic style properties. </para> <para> To the following browsers Basic level of skinning is applied: @@ -1636,7 +1636,7 @@ <listitem> <para> - <emphasis><property>Advanced</property></emphasis> extends basic level introducing broader + <emphasis><property>Extended</property></emphasis> extends basic level introducing broader number of style properties and is applied to browsers with rich visual styling capability of controls </para> <para> @@ -1728,14 +1728,54 @@ <title>Note:</title> <para> a elements have classes based on &quot;link&quot; and pseudo class name, e.g.: rich-link, rich-link-hover, rich-link-visited + + + </para> </note> </listitem> </itemizedlist> + + + <para>Additionally, the predefined rich CSS classes that we provide can be used not only as classes for basic HTML + elements but also as classes for creation of complex elements .</para> + <para>There is a snippet with some of them for example:</para> + + + <programlisting role="XML"><![CDATA[... +<u:selector name=".rich-box-bgcolor-header"> + <u:style name="background-color" skin="headerBackgroundColor" /> +</u:selector> +<u:selector name=".rich-box-bgcolor-general"> + <u:style name="background-color" skin="generalBackgroundColor" /> +</u:selector> +... + +//gradient elements +... +<u:selector name=".rich-gradient-menu"> + <u:style name="background-image"> + <f:resource f:key="org.richfaces.renderkit.html.gradientimages.MenuGradientImage"/> + </u:style> + <u:style name="background-repeat" value="repeat-x" /> +</u:selector> + +<u:selector name=".rich-gradient-tab"> + <u:style name="background-image"> + <f:resource f:key="org.richfaces.renderkit.html.gradientimages.TabGradientImage"/> + </u:style> + <u:style name="background-repeat" value="repeat-x" /> +</u:selector> +...]]></programlisting> + + + <para>To get a better idea of standard component skinning we recommend to explore CSS files located in ui/core/src/main/resources/org/richfaces/ folder + of RichFaces svn</para> + - <section id="BasicLevel"> + <section id="Standard"> <?dbhtml filename="BasicLevel.html"?> - <title>Basic level</title> + <title>Standard level</title> <table> <title>Html Elements Skin Bindings for input, select, textarea, button, keygen, isindex, legend</title> @@ -2009,7 +2049,7 @@ <section id="AdvancedLevel"> <?dbhtml filename="AdvancedLevel.html"?> - <title>Advanced level</title> + <title>Extended level</title> <table> @@ -2243,9 +2283,10 @@ </table> + </section> + + </section> - -</section> <section id="XCSSfileformat"> <title>XCSS file format</title>