Author: ilya_shaikovsky Date: 2008-05-27 06:22:41 -0400 (Tue, 27 May 2008) New Revision: 8773 Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning/snippets/snippet4.css Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning/usage.xhtml Log: Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning/snippets/snippet4.css =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning/snippets/snippet4.css (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning/snippets/snippet4.css 2008-05-27 10:22:41 UTC (rev 8773) @@ -0,0 +1,27 @@ +//backgrouns +... +<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> +... Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning/usage.xhtml 2008-05-27 09:52:12 UTC (rev 8772) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning/usage.xhtml 2008-05-27 10:22:41 UTC (rev 8773) @@ -76,14 +76,17 @@ </p> <ul> <li> - <b>org.richfaces.CONTROL_SKINNING</b> context param set to <b>enabled</b> means that all + By default <b>org.richfaces.CONTROL_SKINNING</b> context param set to <b>enable</b> + and it means that all standard elements on the page will be skinned. (CSS style classes for - elements based on their names and type attribute values will be applied) + elements based on their names and type attribute values will be applied). + You may redefine it to <b>disabled</b> in order to turn it off. </li> <li> - <b>org.richfaces.CONTROL_SKINNING_CLASSES</b> context param set to <b>enabled</b> + By default <b>org.richfaces.CONTROL_SKINNING_CLASSES</b> context param set to + <b>enabled</b> and it means that basic elements nested to element having <i>rich-container</i> class - will be skinned. + will be skinned. It could be also turned off using <b>disable</b> value. </li> <li> Rich faces also provides predefined classes which can be applied by end developer @@ -123,7 +126,22 @@ <b><i>Important Exception:</i></b> <b>a</b> elements have classes based on "link" and pseudo class name. <i>(e.g.: rich-link, rich-link-hover, rich-link-visited)</i> </p> - + <p> + One additional note. In the predefined rich classes css we provides not only classes + for basic HTML elements but also classes for some complex elements creation. + There is a snippet with some of them for example: + </p> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Additional predefined rich classes</legend> + <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody rich-laguna-panel-no-header"> + <rich:insert src="/richfaces/standardSkinning/snippets/snippet4.css" highlight="xhtml"/> + </rich:panel> + </fieldset> + <p> + In order to explore standard skinning css files you could check out + resources located in <i>ui/core/src/main/resources/org/richfaces/</i> folder + of Rich Fases svn. + </p> <rich:modalPanel id="panel" width="300" height="230"> <f:facet name="header"> Standard components skinning