[richfaces-svn-commits] JBoss Rich Faces SVN: r5505 - trunk/docs/userguide/en/src/main/docbook/included.

Author: artdaw Date: 2008-01-21 13:03:57 -0500 (Mon, 21 Jan 2008) New Revision: 5505 Modified: trunk/docs/userguide/en/src/main/docbook/included/calendar.xml Log: http://jira.jboss.com/jira/browse/RF-1724 - done http://jira.jboss.com/jira/browse/RF-920 - add Classes names that define a popup element during quick year selection Modified: trunk/docs/userguide/en/src/main/docbook/included/calendar.xml =================================================================== --- trunk/docs/userguide/en/src/main/docbook/included/calendar.xml 2008-01-21 17:37:14 UTC (rev 5504) +++ trunk/docs/userguide/en/src/main/docbook/included/calendar.xml 2008-01-21 18:03:57 UTC (rev 5505) @@ -314,7 +314,19 @@ </emphasis> facet, {nextYearControl}, {previousYearControl} are absent. Numbers of weeks are red colored.</para> - <para>The <emphasis role="bold"> + <para> + It is possible to show and manage date. Except scrolling controls you can use quick year selection feature. + It&apos;s necessary to click on its field, i.e. current month control, and choose required month and year. + </para> + <figure> + <title>Quick month and year selection</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/calendar5.png"/> + </imageobject> + </mediaobject> + </figure> + <para>Also the <emphasis role="bold"> <property>&lt;rich:calendar&gt;</property> </emphasis> component allows to show and manage time. It&apos;s necessary to define time in a pattern (for example, it could be defined as &quot;d/M/yy HH:mm&quot;). Then after @@ -332,6 +344,7 @@ </mediaobject> </figure> + <para>It&apos;s possible to program events for calendar from JavaScript code. A simplest example of usage JavaScript API is placed below:</para> <para> @@ -1100,6 +1113,54 @@ </tgroup> </table> + <table> + <title>Classes names that define a popup element during quick month and year selection</title> + + <tgroup cols="2"> + <thead> + <row> + <entry>Class name</entry> + <entry>Description</entry> + </row> + </thead> + + <tbody> + <row> + <entry>rich-calendar-date-layout</entry> + <entry>Defines styles for a popup element during quick year selection</entry> + </row> + <row> + <entry>rich-calendar-editor-layout-shadow</entry> + <entry>Defines styles for a wrapper &lt;div&gt; element for a shadow</entry> + </row> + <row> + <entry>rich-calendar-editor-btn</entry> + <entry>Defines styles for an inactive boundary date</entry> + </row> + <row> + <entry>rich-calendar-editor-btn-selected</entry> + <entry>Defines styles for an selected boundary date</entry> + </row> + <row> + <entry>rich-calendar-editor-btn-over</entry> + <entry>Defines styles for a boundary date when pointer was moved onto</entry> + </row> + <row> + <entry>rich-calendar-date-layout-ok</entry> + <entry>Defines styles for a submit button</entry> + </row> + <row> + <entry>rich-calendar-date-layout-cancel</entry> + <entry>Defines styles for a cancel button</entry> + </row> + <!--row> + <entry>rich-calendar-date-layout-split</entry> + <entry></entry> + </row--> + </tbody> + </tgroup> + </table> + <para>In order to redefine styles for all <emphasis role="bold"> <property>&lt;rich:calendar&gt;</property> </emphasis> components on a page using CSS, it&apos;s enough to create classes with the