[richfaces-svn-commits] JBoss Rich Faces SVN: r8773 - in trunk/samples/richfaces-demo/src/main/webapp/richfaces/standardSkinning: snippets and 1 other directory.
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