[richfaces-svn-commits] JBoss Rich Faces SVN: r2586 - in trunk/docs/userguide/en/src/main: resources/images and 1 other directory.

richfaces-svn-commits at lists.jboss.org richfaces-svn-commits at lists.jboss.org
Wed Aug 29 12:13:48 EDT 2007


Author: vkorluzhenko
Date: 2007-08-29 12:13:48 -0400 (Wed, 29 Aug 2007)
New Revision: 2586

Added:
   trunk/docs/userguide/en/src/main/resources/images/calendar1.png
Modified:
   trunk/docs/userguide/en/src/main/docbook/included/calendar.xml
Log:
http://jira.jboss.com/jira/browse/RF-446

Modified: trunk/docs/userguide/en/src/main/docbook/included/calendar.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/calendar.xml	2007-08-29 16:01:47 UTC (rev 2585)
+++ trunk/docs/userguide/en/src/main/docbook/included/calendar.xml	2007-08-29 16:13:48 UTC (rev 2586)
@@ -218,7 +218,7 @@
 ...
 ]]></programlisting>
 
-    <para>Also the discussion about this problem can be fobnd on the <ulink
+    <para>Also the discussion about this problem can be found on the <ulink
         url="http://www.jboss.com/index.html?module=bb&amp;op=viewtopic&amp;p=4078301#4078301"
         >RichFaces Users Forum</ulink>.</para>
 
@@ -407,7 +407,191 @@
       particular panel menus, it&apos;s possible to define your own CSS class. And then just
       define it in the components class attribute. </para>
 
-  </section-->
+</section-->
+  
+  <section>
+    <title>Definition of Custom Style Classes</title>
+    
+    <figure>
+      <title>Classes names</title>
+      
+      <mediaobject>
+        <imageobject>
+          <imagedata fileref="images/calendar1.png"/>
+        </imageobject>
+      </mediaobject>
+    </figure>
+    
+    <para>On the screenshot, there are classes names defining specified elements.</para>
+    
+    <table>
+      <title>Classes names that define input field and button appearance</title>
+      
+      <tgroup cols="2">
+        <thead>
+          <row>
+            <entry>Class name</entry>
+            
+            <entry>Description</entry>
+          </row>
+        </thead>
+        
+        <tbody>
+          <row>
+            <entry>rich-calendar-input </entry>
+            
+            <entry>Defines input field</entry>
+          </row>
+          
+          <row>
+            <entry>rich-calendar-popupicon</entry>
+            
+            <entry>Defines icon for button</entry>
+          </row>
+          
+        </tbody>
+      </tgroup>
+    </table>
+    
+    <table>
+      <title>Classes names that define days appearance</title>
+      
+      <tgroup cols="2">
+        <thead>
+          <row>
+            <entry>Class name</entry>
+            
+            <entry>Description</entry>
+          </row>
+        </thead>
+        
+        <tbody>
+          
+          <row>
+            <entry>rich-calendar-days</entry>
+            
+            <entry></entry>
+          </row>
+          
+          <row>
+            <entry>rich-Weekendclass</entry>
+            
+            <entry></entry>
+          </row>
+          
+          <row>
+            <entry>rich-calendar-week</entry>
+            
+            <entry></entry>
+          </row>
+          
+          <row>
+            <entry>rich-calendar-cell</entry>
+            
+            <entry></entry>
+          </row>
+          
+          <row>
+            <entry>rich-calendar-holly</entry>
+            
+            <entry></entry>
+          </row>
+          
+          <row>
+            <entry>rich-calendar-selected</entry>
+            
+            <entry></entry>
+          </row>
+          
+          <row>
+            <entry>rich-calendar-hover</entry>
+            
+            <entry></entry>
+          </row>
+          
+        </tbody>
+      </tgroup>
+    </table>
+    
+    <table>
+      <title>Classes names that define popup element</title>
+      
+      <tgroup cols="2">
+        <thead>
+          <row>
+            <entry>Class name</entry>
+            
+            <entry>Description</entry>
+          </row>
+        </thead>
+        
+        <tbody>
+          
+          <row>
+            <entry>rich-calendar-exterior</entry>
+            
+            <entry></entry>
+          </row>
+          
+          <row>
+            <entry>rich-calendar-header-optional</entry>
+            
+            <entry></entry>
+          </row>
+          
+          <row>
+            <entry>rich-calendar-footer-optional</entry>
+            
+            <entry></entry>
+          </row>
+          
+          <row>
+            <entry>rich-calendar-header</entry>
+            
+            <entry></entry>
+          </row>
+          
+          <row>
+            <entry>rich-calendar-footer</entry>
+            
+            <entry></entry>
+          </row>
+          
+          <row>
+            <entry>rich-calendar-today</entry>
+            
+            <entry></entry>
+          </row>
+          
+          <row>
+            <entry>rich-calendar-boundary-dates</entry>
+            
+            <entry></entry>
+          </row>
+          
+          <row>
+            <entry>rich-calendar-btn</entry>
+            
+            <entry></entry>
+          </row>
+          
+          <row>
+            <entry>rich-calendar-current</entry>
+            
+            <entry></entry>
+          </row>
+          
+        </tbody>
+      </tgroup>
+    </table>
+    
+    <para>In order to redefine the style for all calendars on a page using CSS,
+      it&apos;s enough to create classes with the same names and define the necessary properties
+      in them.</para>
+    
+    <para>To change the style of particular calendars define your own style
+      classes in the corresponding calendar attributes. </para>
+  </section>
 
   <section>
     <title>Relevant resources links</title>

Added: trunk/docs/userguide/en/src/main/resources/images/calendar1.png
===================================================================
(Binary files differ)


Property changes on: trunk/docs/userguide/en/src/main/resources/images/calendar1.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream




More information about the richfaces-svn-commits mailing list