March 2011 - richfaces-svn-commits

JBoss Rich Faces SVN: r22240 - modules/tests/metamer/trunk/application/src/main/webapp/components/richPopupPanel.

by richfaces-svn-commits＠lists.jboss.org

Author: ppitonak(a)redhat.com Date: 2011-03-16 05:30:52 -0400 (Wed, 16 Mar 2011) New Revision: 22240 Modified: modules/tests/metamer/trunk/application/src/main/webapp/components/richPopupPanel/formInsidePanel.xhtml modules/tests/metamer/trunk/application/src/main/webapp/components/richPopupPanel/list.xhtml Log: sample for popup panel updated Modified: modules/tests/metamer/trunk/application/src/main/webapp/components/richPopupPanel/formInsidePanel.xhtml =================================================================== --- modules/tests/metamer/trunk/application/src/main/webapp/components/richPopupPanel/formInsidePanel.xhtml 2011-03-16 05:20:46 UTC (rev 22239) +++ modules/tests/metamer/trunk/application/src/main/webapp/components/richPopupPanel/formInsidePanel.xhtml 2011-03-16 09:30:52 UTC (rev 22240) @@ -37,6 +37,17 @@ </ui:define> <ui:define name="component"> + domElementAttachment: + <h:selectOneRadio id="attachmentInput" value="#{richPopupPanelBean.attributes['domElementAttachment'].value}"> + <f:selectItem itemValue="" itemLabel="null"/> + <f:selectItem itemValue="body" itemLabel="body"/> + <f:selectItem itemValue="form" itemLabel="form"/> + <f:selectItem itemValue="parent" itemLabel="parent"/> + <a4j:ajax event="change" render="popupPanel"/> + </h:selectOneRadio> + + + input1 <h:inputText id="input1" value="#{richPopupPanelBean.value1}"/> @@ -45,7 +56,8 @@ <rich:componentControl target="popupPanel" operation="show" /> </h:commandButton> - <rich:popupPanel id="popupPanel" modal="true" header="header"> + <rich:popupPanel id="popupPanel" header="header" + domElementAttachment="#{richPopupPanelBean.attributes['domElementAttachment'].value}"> <f:facet name="controls"> <h:outputLink value="#" onclick="#{rich:component('popupPanel')}.hide(); return false;">X</h:outputLink> </f:facet> @@ -55,7 +67,7 @@ input3 <h:inputText id="input3" value="#{richPopupPanelBean.value3}"/> </h:panelGrid> - <a4j:commandButton action="#{richPopupPanelBean.save}" value="Save" + <a4j:commandButton action="#{richPopupPanelBean.save}" value="Save" render="output1 output2 output3" execute="input1 input2 input3"/> </rich:popupPanel> Modified: modules/tests/metamer/trunk/application/src/main/webapp/components/richPopupPanel/list.xhtml =================================================================== --- modules/tests/metamer/trunk/application/src/main/webapp/components/richPopupPanel/list.xhtml 2011-03-16 05:20:46 UTC (rev 22239) +++ modules/tests/metamer/trunk/application/src/main/webapp/components/richPopupPanel/list.xhtml 2011-03-16 09:30:52 UTC (rev 22240) @@ -39,6 +39,10 @@ Simple page that contains a rich:popupPanel outside form and input boxes for all its attributes. </metamer:testPageLink> + <metamer:testPageLink id="formInsidePanel" outcome="formInsidePanel" value="Inputs Inside"> + Simple page that contains a rich:popupPanel with several inputs inside. + </metamer:testPageLink> + </ui:define> </ui:composition>

13 years, 3 months

1
0
0 / 0

JBoss Rich Faces SVN: r22239 - in modules/docs/trunk/Component_Reference/src/main/docbook/en-US: skinning and 1 other directory.

by richfaces-svn-commits＠lists.jboss.org

Author: SeanRogers Date: 2011-03-16 01:20:46 -0400 (Wed, 16 Mar 2011) New Revision: 22239 Added: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richautocomplete.xml modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richfileUpload.xml modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richinplaceInput.xml modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richinplaceSelect.xml modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/vlst-richcollapsibleSubTableToggler.xml modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/vlst-richtree.xml Removed: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richcollapsibleSubTableToggler.xml Modified: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Rich_inputs.xml modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Tables_and_grids.xml modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Trees.xml modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richcalendar.xml Log: Adding skinning references for rich inputs: RFPL-1235 Modified: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Rich_inputs.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Rich_inputs.xml 2011-03-16 04:01:07 UTC (rev 22238) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Rich_inputs.xml 2011-03-16 05:20:46 UTC (rev 22239) @@ -178,6 +178,11 @@ </listitem> </itemizedlist> </section> + + <section id="sect-Component_Reference-richautocomplete-Style_classes_and_skin_parameters"> + <title>Style classes and skin parameters</title> + <xi:include href="skinning/tabl-richautocomplete.xml" xmlns:xi="http://www.w3.org/2001/XInclude" /> + </section>   @@ -703,6 +708,11 @@ </listitem> </itemizedlist> </section> + + <section id="sect-Component_Reference-richcalendar-Style_classes_and_skin_parameters"> + <title>Style classes and skin parameters</title> + <xi:include href="skinning/tabl-richcalendar.xml" xmlns:xi="http://www.w3.org/2001/XInclude" /> + </section> </section>  @@ -909,6 +919,11 @@ </listitem> </itemizedlist> </section> + + <section id="sect-Component_Reference-richfileUpload-Style_classes_and_skin_parameters"> + <title>Style classes and skin parameters</title> + <xi:include href="skinning/tabl-richfileUpload.xml" xmlns:xi="http://www.w3.org/2001/XInclude" /> + </section> </section>  @@ -1071,6 +1086,11 @@ </listitem> </itemizedlist> </section> + + <section id="sect-Component_Reference-richinplaceInput-Style_classes_and_skin_parameters"> + <title>Style classes and skin parameters</title> + <xi:include href="skinning/tabl-richinplaceInput.xml" xmlns:xi="http://www.w3.org/2001/XInclude" /> + </section> </section>  @@ -1298,6 +1318,11 @@ </listitem> </itemizedlist> </section> + + <section id="sect-Component_Reference-richinplaceSelect-Style_classes_and_skin_parameters"> + <title>Style classes and skin parameters</title> + <xi:include href="skinning/tabl-richinplaceSelect.xml" xmlns:xi="http://www.w3.org/2001/XInclude" /> + </section> </section>  Modified: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Tables_and_grids.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Tables_and_grids.xml 2011-03-16 04:01:07 UTC (rev 22238) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Tables_and_grids.xml 2011-03-16 05:20:46 UTC (rev 22239) @@ -658,8 +658,8 @@ </itemizedlist> </section> - <section id="sect-Component_Reference-richcollapsibleSubTable-Style_classes_and_skin_parameters"> - <title>Style classes and skin parameters</title> + <section id="sect-Component_Reference-richcollapsibleSubTable-Style_classes"> + <title>Style classes</title> <xi:include href="skinning/tabl-richcollapsibleSubTable.xml" xmlns:xi="http://www.w3.org/2001/XInclude" /> </section> @@ -712,7 +712,7 @@ <section id="sect-Component_Reference-richcollapsibleSubTableToggler-Style_classes_and_skin_parameters"> <title>Style classes and skin parameters</title> - <xi:include href="skinning/tabl-richcollapsibleSubTableToggler.xml" xmlns:xi="http://www.w3.org/2001/XInclude" /> + <xi:include href="skinning/vlst-richcollapsibleSubTableToggler.xml" xmlns:xi="http://www.w3.org/2001/XInclude" /> </section> </section> </section> Modified: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Trees.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Trees.xml 2011-03-16 04:01:07 UTC (rev 22238) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Trees.xml 2011-03-16 05:20:46 UTC (rev 22239) @@ -346,12 +346,12 @@ </itemizedlist> </section> - <section id="sect-Component_Reference-richtree-Style_classes_and_skin_parameters"> - <title>Style classes and skin parameters</title> + <section id="sect-Component_Reference-richtree-Style_classes"> + <title>Style classes</title> <para> Styling for the <sgmltag><rich:tree></sgmltag> component is mostly applied to the tree nodes. Refer to <xref linkend="sect-Component_Reference-richtreeNode-Style_classes_and_skin_parameters" /> for details on styling tree nodes. In addition, the <sgmltag><rich:tree></sgmltag> component can make use of the style classes outlined in <xref linkend="tabl-richtree-Style_classes_and_corresponding_skin_parameters" />. </para> - <xi:include href="skinning/tabl-richtree.xml" xmlns:xi="http://www.w3.org/2001/XInclude" /> + <xi:include href="skinning/vlst-richtree.xml" xmlns:xi="http://www.w3.org/2001/XInclude" /> </section> <section id="sect-Component_Reference-Trees-richtreeNode"> Added: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richautocomplete.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richautocomplete.xml (rev 0) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richautocomplete.xml 2011-03-16 05:20:46 UTC (rev 22239) @@ -0,0 +1,259 @@ +<?xml version='1.0' encoding='utf-8' ?> +<!DOCTYPE table PUBLIC "-//OASIS//DTD DocBook XML V4.5//EN" "http://www.oasis-open.org/docbook/xml/4.5/docbookx.dtd" [ +]> + +<table id="tabl-richautocomplete-Style_classes_and_corresponding_skin_parameters"> + <title>Style classes (selectors) and corresponding skin parameters</title> + <tgroup cols="3"> + <colspec colname="class"/> + <colspec colname="skin"/> + <colspec colname="css"/> + <spanspec spanname="noskin" namest="skin" nameend="css"/> + <thead> + <row> + <entry>Class (selector)</entry> + <entry>Skin Parameters</entry> + <entry>Mapped <acronym>CSS</acronym> properties</entry> + </row> + </thead> + <tbody> + + <row> + <entry morerows="2"> + <variablelist> + <varlistentry> + <term><classname>.rf-au-fnt</classname></term> + <listitem> + <para> + This class defines styles for the auto-complete box font. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-au-inp</classname></term> + <listitem> + <para> + This class defines styles for the auto-complete input box. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>controlBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rf-au-fld</classname></term> + <listitem> + <para> + This class defines styles for the auto-complete field. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + <row> + <entry><literal>controlBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-au-fld-btn</classname></term> + <listitem> + <para> + This class defines styles for a button in the auto-complete field. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rf-au-btn</classname></term> + <listitem> + <para> + This class defines styles for the auto-complete box button. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>headerBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-left-color</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-au-btn-arrow</classname></term> + <listitem> + <para> + This class defines styles for the button arrow. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-au-btn-arrow-dis</classname></term> + <listitem> + <para> + This class defines styles for the button arrow when it is disabled. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-au-lst-scrl</classname></term> + <listitem> + <para> + This class defines styles for the scrollbar in the auto-complete list. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-au-itm</classname></term> + <listitem> + <para> + This class defines styles for an item in the auto-complete list. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rf-au-itm-sel</classname></term> + <listitem> + <para> + This class defines styles for a selected item in the auto-complete list. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>headerBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-au-shdw</classname></term> + <listitem> + <para> + This class defines styles for the auto-complete box shadow. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-au-shdw-t</classname></term> + <term><classname>.rf-au-shdw-l</classname></term> + <term><classname>.rf-au-shdw-r</classname></term> + <term><classname>.rf-au-shdw-b</classname></term> + <listitem> + <para> + These classes define styles for the top, left, right, and bottom part of the auto-complete box shadow. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-au-tbl</classname></term> + <listitem> + <para> + This class defines styles for a table in the auto-complete box. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + </tbody> + </tgroup> +</table> Modified: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richcalendar.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richcalendar.xml 2011-03-16 04:01:07 UTC (rev 22238) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richcalendar.xml 2011-03-16 05:20:46 UTC (rev 22239) @@ -21,7 +21,7 @@ <entry> <variablelist> <varlistentry> - <term><classname>.rich-calendar-exterior</classname></term> + <term><classname>.rf-cal-extr</classname></term> <listitem> <para> This class defines the styles for a pop-up calendar exterior. @@ -35,42 +35,29 @@ </row> <row> - <entry morerows="3"> + <entry> <variablelist> <varlistentry> - <term><classname>.rich-calendar-header</classname></term> + <term><classname>.rf-cal-btn</classname></term> <listitem> <para> - This class defines the styles for a calendar header. + This class defines styles for a calendar button. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry><literal>panelBorderColor</literal></entry> - <entry><literal>border-bottom-color</literal></entry> + <entry spanname="noskin">No skin parameters.</entry> </row> - <row> - <entry><literal>additionalBackgroundColor</literal></entry> - <entry><literal>background-color</literal></entry> - </row> - <row> - <entry><literal>generalSizeFont</literal></entry> - <entry><literal>font-size</literal></entry> - </row> - <row> - <entry><literal>generalFamilyFont</literal></entry> - <entry><literal>font-family</literal></entry> - </row> <row> <entry morerows="3"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-header-optional</classname></term> + <term><classname>.rf-cal-hdr</classname></term> <listitem> <para> - This class defines the styles for an optional header. + This class defines the styles for a calendar header. </para> </listitem> </varlistentry> @@ -96,20 +83,20 @@ <entry morerows="3"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-cell</classname></term> + <term><classname>.rf-cal-hdr-optnl</classname></term> <listitem> <para> - This class defines the styles for cells with days. + This class defines the styles for an optional header. </para> </listitem> </varlistentry> </variablelist> </entry> <entry><literal>panelBorderColor</literal></entry> - <entry><literal>border-bottom-color</literal>, <literal>border-right-color</literal></entry> + <entry><literal>border-bottom-color</literal></entry> </row> <row> - <entry><literal>tableBackgroundColor</literal></entry> + <entry><literal>additionalBackgroundColor</literal></entry> <entry><literal>background-color</literal></entry> </row> <row> @@ -125,10 +112,10 @@ <entry morerows="4"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-tool</classname></term> + <term><classname>.rf-cal-hdr-month</classname></term> <listitem> <para> - This class defines the styles for calendar toolbars. + This class defines the styles for the month header. </para> </listitem> </varlistentry> @@ -155,53 +142,20 @@ </row> <row> - <entry morerows="4"> - <variablelist> - <varlistentry> - <term><classname>.rich-calendar-month</classname></term> - <listitem> - <para> - This class defines the styles for names of months. - </para> - </listitem> - </varlistentry> - </variablelist> - </entry> - <entry><literal>headerBackgroundColor</literal></entry> - <entry><literal>background-color</literal></entry> - </row> - <row> - <entry><literal>headerSizeFont</literal></entry> - <entry><literal>font-size</literal></entry> - </row> - <row> - <entry><literal>headerFamilyFont</literal></entry> - <entry><literal>font-family</literal></entry> - </row> - <row> - <entry><literal>headerWeightFont</literal></entry> - <entry><literal>font-weight</literal></entry> - </row> - <row> - <entry><literal>headerTextColor</literal></entry> - <entry><literal>color</literal></entry> - </row> - - <row> <entry morerows="3"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-days</classname></term> + <term><classname>.rf-cal-ftr</classname></term> <listitem> <para> - This class defines the styles for names of working days in a header. + This class defines the styles for a calendar footer. </para> </listitem> </varlistentry> </variablelist> </entry> <entry><literal>panelBorderColor</literal></entry> - <entry><literal>border-bottom-color</literal>, <literal>border-right-color</literal></entry> + <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> </row> <row> <entry><literal>additionalBackgroundColor</literal></entry> @@ -217,30 +171,26 @@ </row> <row> - <entry morerows="4"> + <entry morerows="3"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-week</classname></term> + <term><classname>.rf-cal-ftr-optnl</classname></term> <listitem> <para> - This class defines the styles for week numbers. + This class defines the styles for an optional footer. </para> </listitem> </varlistentry> </variablelist> </entry> <entry><literal>panelBorderColor</literal></entry> - <entry><literal>border-bottom-color</literal>, <literal>border-right-color</literal></entry> + <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> </row> <row> <entry><literal>additionalBackgroundColor</literal></entry> <entry><literal>background</literal></entry> </row> <row> - <entry><literal>calendarWeekBackgroundColor</literal></entry> - <entry><literal>background-color</literal></entry> - </row> - <row> <entry><literal>generalSizeFont</literal></entry> <entry><literal>font-size</literal></entry> </row> @@ -250,119 +200,100 @@ </row> <row> - <entry morerows="1"> + <entry morerows="4"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-holly</classname></term> + <term><classname>.rf-cal-tl</classname></term> <listitem> <para> - This class defines the styles for holidays. + This class defines the styles for calendar toolbars. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry><literal>calendarHolidaysBackgroundColor</literal></entry> + <entry><literal>headerBackgroundColor</literal></entry> <entry><literal>background-color</literal></entry> </row> <row> - <entry><literal>calendarHolidaysTextColor</literal></entry> - <entry><literal>color</literal></entry> + <entry><literal>headerSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> </row> - <row> - <entry morerows="1"> - <variablelist> - <varlistentry> - <term><classname>.rich-calendar-today</classname></term> - <listitem> - <para> - This class defines the styles for the cell representing today's date. - </para> - </listitem> - </varlistentry> - </variablelist> - </entry> - <entry><literal>calendarCurrentBackgroundColor</literal></entry> - <entry><literal>background-color</literal></entry> + <entry><literal>headerFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> </row> <row> - <entry><literal>calendarCurrentTextColor</literal></entry> + <entry><literal>headerWeightFont</literal></entry> + <entry><literal>font-weight</literal></entry> + </row> + <row> + <entry><literal>headerTextColor</literal></entry> <entry><literal>color</literal></entry> </row> <row> - <entry morerows="1"> + <entry morerows="2"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-select</classname></term> + <term><classname>.rf-cal-tl-ftr</classname></term> <listitem> <para> - This class defines the styles for the selected day. + This class defines the styles for a toolbar item in the calendar footer. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry><literal>headerBackgroundColor</literal></entry> - <entry><literal>background-color</literal></entry> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> </row> <row> - <entry><literal>headerTextColor</literal></entry> - <entry><literal>color</literal></entry> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> <row> - <entry morerows="1"> + <entry> <variablelist> <varlistentry> - <term><classname>.rich-calendar-hover</classname></term> + <term><classname>.rf-cal-tl-btn</classname></term> <listitem> <para> - This class defines the styles for a cell when it is hovered over with the mouse cursor. + This class defines styles for a toolbar button. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry><literal>calendarSpecBackgroundColor</literal></entry> - <entry><literal>background-color</literal></entry> + <entry spanname="noskin">No skin parameters.</entry> </row> - <row> - <entry><literal>calendarSpecTextColor</literal></entry> - <entry><literal>color</literal></entry> - </row> <row> - <entry morerows="2"> + <entry> <variablelist> <varlistentry> - <term><classname>.rich-calendar-toolfooter</classname></term> + <term><classname>.rf-cal-tl-btn-dis</classname></term> <listitem> <para> - This class defines the styles for a toolbar item in the calendar footer. + This class defines styles for a disabled toolbar button. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry><literal>additionalBackgroundColor</literal></entry> - <entry><literal>background</literal></entry> + <entry spanname="noskin">No skin parameters.</entry> </row> - <row> - <entry><literal>generalSizeFont</literal></entry> - <entry><literal>font-size</literal></entry> - </row> - <row> - <entry><literal>generalFamilyFont</literal></entry> - <entry><literal>font-family</literal></entry> - </row> <row> <entry morerows="3"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-tool-btn-hover</classname></term> + <term><classname>.rf-cal-tl-btn-hov</classname></term> <listitem> <para> This class defines the styles for toolbar items when it is hovered over with the mouse cursor. @@ -391,7 +322,7 @@ <entry morerows="1"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-tool-btn-press</classname></term> + <term><classname>.rf-cal-tl-btn-press</classname></term> <listitem> <para> This class defines the styles for toolbar items when it is pressed. @@ -409,53 +340,40 @@ </row> <row> - <entry morerows="3"> + <entry> <variablelist> <varlistentry> - <term><classname>.rich-calendar-footer</classname></term> + <term><classname>.rf-cal-tl-close</classname></term> <listitem> <para> - This class defines the styles for a calendar footer. + This class defines styles for a <guibutton>Close</guibutton> button in a toolbar. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry><literal>panelBorderColor</literal></entry> - <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> + <entry spanname="noskin">No skin parameters.</entry> </row> - <row> - <entry><literal>additionalBackgroundColor</literal></entry> - <entry><literal>background</literal></entry> - </row> - <row> - <entry><literal>generalSizeFont</literal></entry> - <entry><literal>font-size</literal></entry> - </row> - <row> - <entry><literal>generalFamilyFont</literal></entry> - <entry><literal>font-family</literal></entry> - </row> <row> <entry morerows="3"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-footer-optional</classname></term> + <term><classname>.rf-cal-c</classname></term> <listitem> <para> - This class defines the styles for an optional footer. + This class defines the styles for regular calendar cells. </para> </listitem> </varlistentry> </variablelist> </entry> <entry><literal>panelBorderColor</literal></entry> - <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> + <entry><literal>border-bottom-color</literal>, <literal>border-right-color</literal></entry> </row> <row> - <entry><literal>additionalBackgroundColor</literal></entry> - <entry><literal>background</literal></entry> + <entry><literal>tableBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> </row> <row> <entry><literal>generalSizeFont</literal></entry> @@ -470,208 +388,198 @@ <entry> <variablelist> <varlistentry> - <term><classname>.rich-calendar-editor-shadow</classname></term> + <term><classname>.rf-cal-c-cnt</classname></term> <listitem> <para> - This class defines the styles for the calendar editor shadow. + This class defines styles for the content of a cell. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry><literal>tableBackgroundColor</literal></entry> - <entry><literal>background</literal></entry> + <entry spanname="noskin">No skin parameters.</entry> </row> <row> - <entry morerows="3"> + <entry morerows="1"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-time-layout</classname></term> + <term><classname>.rf-cal-today</classname></term> <listitem> <para> - This class defines the styles for a pop-up element during time selection. + This class defines the styles for the cell representing today's date. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry><literal>panelBorderColor</literal></entry> - <entry><literal>border-color</literal></entry> + <entry><literal>calendarCurrentBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> </row> <row> - <entry><literal>additionalBackgroundColor</literal></entry> - <entry><literal>background</literal></entry> + <entry><literal>calendarCurrentTextColor</literal></entry> + <entry><literal>color</literal></entry> </row> - <row> - <entry><literal>generalSizeFont</literal></entry> - <entry><literal>font-size</literal></entry> - </row> - <row> - <entry><literal>generalFamilyFont</literal></entry> - <entry><literal>font-family</literal></entry> - </row> <row> - <entry morerows="3"> + <entry morerows="1"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-date-layout</classname></term> + <term><classname>.rf-cal-sel</classname></term> <listitem> <para> - This class defines the styles for a pop-up element during quick month or year selection. + This class defines the styles for the selected day. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry><literal>panelBorderColor</literal></entry> - <entry><literal>border-color</literal></entry> + <entry><literal>headerBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> </row> <row> - <entry><literal>tableBackgroundColor</literal></entry> - <entry><literal>background</literal></entry> + <entry><literal>headerTextColor</literal></entry> + <entry><literal>color</literal></entry> </row> - <row> - <entry><literal>generalSizeFont</literal></entry> - <entry><literal>font-size</literal></entry> - </row> - <row> - <entry><literal>generalFamilyFont</literal></entry> - <entry><literal>font-family</literal></entry> - </row> <row> <entry morerows="1"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-time-layout-input</classname></term> + <term><classname>.rf-cal-hov</classname></term> <listitem> <para> - This class defines the styles for an input field in a pop-up element during time selection. + This class defines the styles for a cell when it is hovered over with the mouse cursor. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry><literal>generalSizeFont</literal></entry> - <entry><literal>font-size</literal></entry> + <entry><literal>calendarSpecBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> </row> <row> - <entry><literal>generalFamilyFont</literal></entry> - <entry><literal>font-family</literal></entry> + <entry><literal>calendarSpecTextColor</literal></entry> + <entry><literal>color</literal></entry> </row> <row> - <entry morerows="1"> + <entry morerows="3"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-date-layout-cancel</classname></term> + <term><classname>.rf-cal-week</classname></term> <listitem> <para> - This class defines the styles for the <guibutton>Cancel</guibutton> button. + This class defines the styles for week numbers. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry><literal>additionalBackgroundColor</literal></entry> - <entry><literal>background</literal></entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-bottom-color</literal>, <literal>border-right-color</literal></entry> </row> <row> - <entry><literal>panelBorderColor</literal></entry> - <entry><literal>border-top-color</literal></entry> + <entry><literal>calendarWeekBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> <row> <entry morerows="1"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-date-layout-ok</classname></term> + <term><classname>.rf-cal-holiday</classname></term> <listitem> <para> - This class defines the styles for the <guibutton>OK</guibutton> button. + This class defines the styles for weekends and holidays. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry><literal>additionalBackgroundColor</literal></entry> - <entry><literal>background</literal></entry> + <entry><literal>calendarHolidaysBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> </row> <row> - <entry><literal>panelBorderColor</literal></entry> - <entry><literal>border-top-color</literal></entry> + <entry><literal>calendarHolidaysTextColor</literal></entry> + <entry><literal>color</literal></entry> </row> <row> <entry> <variablelist> <varlistentry> - <term><classname>.rich-calendar-date-layout-split</classname></term> + <term><classname>.rf-cal-boundary-day</classname></term> <listitem> <para> - This class defines the styles for a wrapper <sgmltag><td></sgmltag> element for month items near the split line. + This class defines styles for an active boundary button. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry><literal>panelBorderColor</literal></entry> - <entry><literal>border-right-color</literal></entry> + <entry spanname="noskin">No skin parameters.</entry> </row> <row> <entry morerows="1"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-time-btn</classname></term> + <term><classname>.rf-cal-sp-inp</classname></term> <listitem> <para> - This class defines the styles for a button in the pop-up element for the calendar's time section. + This class defines the styles for a spinner input field in the pop-up element for time selection. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry><literal>tableBackgroundColor</literal></entry> - <entry><literal>border-color</literal></entry> + <entry><literal>buttonSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> </row> <row> - <entry><literal>panelBorderColor</literal></entry> - <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> + <entry><literal>buttonFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> </row> <row> <entry morerows="2"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-time-btn-press</classname></term> + <term><classname>.rf-cal-sp-inp-cntr</classname></term> <listitem> <para> - This class defines the styles for a pressed button in the pop-up element for the calendar's time section. + This class defines the styles for a wrapper <sgmltag><td></sgmltag> element for a spinner input field in the pop-up element for time selection. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry><literal>tableBackgroundColor</literal></entry> - <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> + <entry><literal>controlBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> </row> <row> <entry><literal>panelBorderColor</literal></entry> <entry><literal>border-color</literal></entry> </row> <row> - <entry><literal>calendarWeekBackgroundColor</literal></entry> - <entry><literal>background-color</literal></entry> + <entry><literal>subBorderColor</literal></entry> + <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> </row> <row> <entry> <variablelist> <varlistentry> - <term><classname>.rich-calendar-spinner-buttons</classname></term> + <term><classname>.rf-cal-sp-btn</classname></term> <listitem> <para> This class defines the styles for a wrapper <sgmltag><td></sgmltag> element for spinner buttons in the pop-up element for time selection. @@ -685,56 +593,75 @@ </row> <row> - <entry morerows="2"> + <entry> <variablelist> <varlistentry> - <term><classname>.rich-calendar-spinner-input-container</classname></term> + <term><classname>.rf-cal-sp-up</classname></term> <listitem> <para> - This class defines the styles for a wrapper <sgmltag><td></sgmltag> element for a spinner input field in the pop-up element for time selection. + This class defines styles for the <guibutton>Up</guibutton> spinner button. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry><literal>controlBackgroundColor</literal></entry> - <entry><literal>background-color</literal></entry> + <entry spanname="noskin">No skin parameters.</entry> </row> + <row> - <entry><literal>panelBorderColor</literal></entry> - <entry><literal>border-color</literal></entry> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-cal-sp-down</classname></term> + <listitem> + <para> + This class defines styles for the <guibutton>Down</guibutton> spinner button. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> </row> + <row> - <entry><literal>subBorderColor</literal></entry> - <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-cal-sp-press</classname></term> + <listitem> + <para> + This class defines styles for a spinner button when it is pressed. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> </row> <row> - <entry morerows="1"> + <entry> <variablelist> <varlistentry> - <term><classname>.rich-calendar-spinner-input</classname></term> + <term><classname>.rf-cal-edtr-shdw</classname></term> <listitem> <para> - This class defines the styles for a spinner input field in the pop-up element for time selection. + This class defines the styles for the calendar editor shadow. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry><literal>buttonSizeFont</literal></entry> - <entry><literal>font-size</literal></entry> + <entry><literal>tableBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> </row> - <row> - <entry><literal>buttonFamilyFont</literal></entry> - <entry><literal>font-family</literal></entry> - </row> <row> <entry> <variablelist> <varlistentry> - <term><classname>.rich-calendar-editor-layout-shadow</classname></term> + <term><classname>.rf-cal-edtr-layout-shdw</classname></term> <listitem> <para> This class defines the styles for the layout shadow of a calendar editor. @@ -748,10 +675,26 @@ </row> <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-cal-edtr-btn</classname></term> + <listitem> + <para> + This class defines styles for a button in the calendar editor. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> <entry morerows="1"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-editor-btn-over</classname></term> + <term><classname>.rf-cal-edtr-btn-over</classname></term> <listitem> <para> This class defines the styles for the calendar editor button when it is hovered over with the mouse cursor. @@ -772,10 +715,10 @@ <entry morerows="1"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-editor-btn-selected</classname></term> + <term><classname>.rf-cal-edtr-btn-sel</classname></term> <listitem> <para> - This class defines the styles for the calendar editor button when it is pressed. + This class defines the styles for the calendar editor button when it is selected. </para> </listitem> </varlistentry> @@ -793,7 +736,7 @@ <entry morerows="2"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-editor-tool-over</classname></term> + <term><classname>.rf-cal-edtr-tl-over</classname></term> <listitem> <para> This class defines the styles for a toolbar item in the calendar editor when it is hovered over with the mouse cursor. @@ -818,7 +761,7 @@ <entry morerows="2"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-editor-tool-press</classname></term> + <term><classname>.rf-cal-edtr-tl-press</classname></term> <listitem> <para> This class defines the styles for a toolbar item in the calendar editor when it is pressed. @@ -843,10 +786,10 @@ <entry> <variablelist> <varlistentry> - <term><classname>.rich-calendar-input</classname></term> + <term><classname>.rf-cal-time-inp</classname></term> <listitem> <para> - This class defines styles for an input field. + This class defines styles for the time input field. </para> </listitem> </varlistentry> @@ -856,157 +799,109 @@ </row> <row> - <entry> + <entry morerows="1"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-button</classname></term> + <term><classname>.rf-cal-time-btn</classname></term> <listitem> <para> - This class defines styles for a pop-up button. + This class defines the styles for a button in the pop-up element for the calendar's time section. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry spanname="noskin">No skin parameters.</entry> + <entry><literal>tableBackgroundColor</literal></entry> + <entry><literal>border-color</literal></entry> </row> - <row> - <entry> - <variablelist> - <varlistentry> - <term><classname>.rich-calendar-weekends</classname></term> - <listitem> - <para> - This class defines styles for the name of a weekend day in a header. - </para> - </listitem> - </varlistentry> - </variablelist> - </entry> - <entry spanname="noskin">No skin parameters.</entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> </row> <row> - <entry> + <entry morerows="2"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-popup</classname></term> + <term><classname>.rf-cal-time-btn-press</classname></term> <listitem> <para> - This class defines styles for a pop-up element. + This class defines the styles for a pressed button in the pop-up element for the calendar's time section. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry spanname="noskin">No skin parameters.</entry> + <entry><literal>tableBackgroundColor</literal></entry> + <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> </row> - <row> - <entry> - <variablelist> - <varlistentry> - <term><classname>.rich-calendar-tool-btn</classname></term> - <listitem> - <para> - This class defines styles for a toolbar button. - </para> - </listitem> - </varlistentry> - </variablelist> - </entry> - <entry spanname="noskin">No skin parameters.</entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> </row> - <row> - <entry> - <variablelist> - <varlistentry> - <term><classname>.rich-calendar-tool-btn-disabled</classname></term> - <listitem> - <para> - This class defines styles for a disabled toolbar button. - </para> - </listitem> - </varlistentry> - </variablelist> - </entry> - <entry spanname="noskin">No skin parameters.</entry> + <entry><literal>calendarWeekBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> </row> <row> - <entry> + <entry morerows="3"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-tool-close</classname></term> + <term><classname>.rf-cal-timepicker-cnt</classname></term> <listitem> <para> - This class defines styles for a <guibutton>Close</guibutton> button in a toolbar. + This class defines the styles for the content of the pop-up element during time selection. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry spanname="noskin">No skin parameters.</entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> </row> - <row> - <entry> - <variablelist> - <varlistentry> - <term><classname>.rich-calendar-boundary-dates</classname></term> - <listitem> - <para> - This class defines styles for an active boundary button. - </para> - </listitem> - </varlistentry> - </variablelist> - </entry> - <entry spanname="noskin">No skin parameters.</entry> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> </row> - <row> - <entry> - <variablelist> - <varlistentry> - <term><classname>.rich-calendar-btn</classname></term> - <listitem> - <para> - This class defines styles for a date button. - </para> - </listitem> - </varlistentry> - </variablelist> - </entry> - <entry spanname="noskin">No skin parameters.</entry> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> <row> - <entry> + <entry morerows="1"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-editor-btn</classname></term> + <term><classname>.rf-cal-timepicker-inp</classname></term> <listitem> <para> - This class defines styles for a button in the calendar editor. + This class defines the styles for an input field in the time picker. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry spanname="noskin">No skin parameters.</entry> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> <row> <entry> <variablelist> <varlistentry> - <term><classname>.rich-calendar-time-layout-fields</classname></term> + <term><classname>.rf-cal-timepicker-ok</classname></term> <listitem> <para> - This class defines styles for a wrapper <sgmltag><td></sgmltag> element for input fields and buttons. + This class defines styles for the <guibutton>OK</guibutton> button in the time picker. </para> </listitem> </varlistentry> @@ -1019,10 +914,10 @@ <entry> <variablelist> <varlistentry> - <term><classname>.rich-calendar-spinner-up</classname></term> + <term><classname>.rf-cal-timepicker-cancel</classname></term> <listitem> <para> - This class defines styles for the <guibutton>Up</guibutton> spinner button in the pop-up element for the time section. + This class defines styles for the <guibutton>Cancel</guibutton> button in the time picker. </para> </listitem> </varlistentry> @@ -1032,67 +927,91 @@ </row> <row> - <entry> + <entry morerows="3"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-spinner-down</classname></term> + <term><classname>.rf-cal-monthpicker-cnt</classname></term> <listitem> <para> - This class defines styles for the <guibutton>Down</guibutton> spinner button in the pop-up element for the time section. + This class defines the styles for the content of the pop-up element during month or year selection. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry spanname="noskin">No skin parameters.</entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> </row> + <row> + <entry><literal>tableBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> <row> - <entry> + <entry morerows="1"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-spinner-pressed</classname></term> + <term><classname>.rf-cal-monthpicker-ok</classname></term> <listitem> <para> - This class defines styles for a spinner button in the pop-up element for the time section when it is pressed. + This class defines the styles for the <guibutton>OK</guibutton> button for the month picker. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry spanname="noskin">No skin parameters.</entry> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-top-color</literal></entry> + </row> <row> - <entry> + <entry morerows="1"> <variablelist> <varlistentry> - <term><classname>.rich-calendar-time-layout-ok</classname></term> + <term><classname>.rf-cal-monthpicker-cancel</classname></term> <listitem> <para> - This class defines styles for the <guibutton>OK</guibutton> button in the pop-up element for the time section. + This class defines the styles for the <guibutton>Cancel</guibutton> button for the month picker. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry spanname="noskin">No skin parameters.</entry> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-top-color</literal></entry> + </row> <row> <entry> <variablelist> <varlistentry> - <term><classname>.rich-calendar-time-layout-cancel</classname></term> + <term><classname>.rf-cal-monthpicker-split</classname></term> <listitem> <para> - This class defines styles for the <guibutton>Cancel</guibutton> button in the pop-up element for the time section. + This class defines the styles for the splitter in the month picker. </para> </listitem> </varlistentry> </variablelist> </entry> - <entry spanname="noskin">No skin parameters.</entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-right-color</literal></entry> </row> </tbody> </tgroup> Deleted: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richcollapsibleSubTableToggler.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richcollapsibleSubTableToggler.xml 2011-03-16 04:01:07 UTC (rev 22238) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richcollapsibleSubTableToggler.xml 2011-03-16 05:20:46 UTC (rev 22239) @@ -1,71 +0,0 @@ -<?xml version='1.0' encoding='utf-8' ?> -<!DOCTYPE table PUBLIC "-//OASIS//DTD DocBook XML V4.5//EN" "http://www.oasis-open.org/docbook/xml/4.5/docbookx.dtd" [ -]> - -<table id="tabl-richcollapsibleSubTableToggler-Style_classes_and_corresponding_skin_parameters"> - <title>Style classes (selectors) and corresponding skin parameters</title> - <tgroup cols="3"> - <colspec colname="class"/> - <colspec colname="skin"/> - <colspec colname="css"/> - <spanspec spanname="noskin" namest="skin" nameend="css"/> - <thead> - <row> - <entry>Class (selector)</entry> - <entry>Skin Parameters</entry> - <entry>Mapped <acronym>CSS</acronym> properties</entry> - </row> - </thead> - <tbody> - - <row> - <entry> - <variablelist> - <varlistentry> - <term><classname>.rf-csttg</classname></term> - <listitem> - <para> - This class defines styles for toggle control. - </para> - </listitem> - </varlistentry> - </variablelist> - </entry> - <entry spanname="noskin">No skin parameters.</entry> - </row> - - <row> - <entry> - <variablelist> - <varlistentry> - <term><classname>.rf-csttg-exp</classname></term> - <listitem> - <para> - This class defines styles for toggle control which expands the sub-table. - </para> - </listitem> - </varlistentry> - </variablelist> - </entry> - <entry spanname="noskin">No skin parameters.</entry> - </row> - - <row> - <entry> - <variablelist> - <varlistentry> - <term><classname>.rf-csttg-colps</classname></term> - <listitem> - <para> - This class defines styles for toggle control which collapses the sub-table. - </para> - </listitem> - </varlistentry> - </variablelist> - </entry> - <entry spanname="noskin">No skin parameters.</entry> - </row> - - </tbody> - </tgroup> -</table> Added: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richfileUpload.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richfileUpload.xml (rev 0) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richfileUpload.xml 2011-03-16 05:20:46 UTC (rev 22239) @@ -0,0 +1,435 @@ +<?xml version='1.0' encoding='utf-8' ?> +<!DOCTYPE table PUBLIC "-//OASIS//DTD DocBook XML V4.5//EN" "http://www.oasis-open.org/docbook/xml/4.5/docbookx.dtd" [ +]> + +<table id="tabl-richfileUpload-Style_classes_and_corresponding_skin_parameters"> + <title>Style classes (selectors) and corresponding skin parameters</title> + <tgroup cols="3"> + <colspec colname="class"/> + <colspec colname="skin"/> + <colspec colname="css"/> + <spanspec spanname="noskin" namest="skin" nameend="css"/> + <thead> + <row> + <entry>Class (selector)</entry> + <entry>Skin Parameters</entry> + <entry>Mapped <acronym>CSS</acronym> properties</entry> + </row> + </thead> + <tbody> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rf-fu</classname></term> + <listitem> + <para> + This class defines styles for the file upload control. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>generalBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-hdr</classname></term> + <listitem> + <para> + This class defines styles for the header of the file upload control. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>headerBackgroundColor</literal></entry> + <entry><literal>background-color</literal>, <literal>border-color</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-lst</classname></term> + <listitem> + <para> + This class defines styles for lists in the file upload control. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-cntr-hdn</classname></term> + <listitem> + <para> + This class defines styles for the file upload container when it is hidden. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-btns-lft</classname></term> + <term><classname>.rf-fu-btns-rgh</classname></term> + <listitem> + <para> + These classes define styles for buttons on the left and right of the file upload control. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-btn-add</classname></term> + <listitem> + <para> + This class defines styles for the <guibutton>Add</guibutton> button in the file upload control. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>trimColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-btn-cnt-add</classname></term> + <listitem> + <para> + This class defines styles for the content of the <guibutton>Add</guibutton> button in the file upload control. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-btn-add-dis</classname></term> + <listitem> + <para> + This class defines styles for the <guibutton>Add</guibutton> button in the file upload control when it is disabled. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tableFooterBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>tableFooterBackgroundColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + + <row> + <entry morerows="2"> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-btn-cnt-add-dis</classname></term> + <listitem> + <para> + This class defines styles for the content of the <guibutton>Add</guibutton> button in the file upload control when it is disabled. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tabDisabledTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-btn-upl</classname></term> + <listitem> + <para> + This class defines styles for the <guibutton>Upload</guibutton> button in the file upload control. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>trimColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + + <row> + <entry morerows="2"> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-btn-cnt-upl</classname></term> + <listitem> + <para> + This class defines styles for the content of the <guibutton>Upload</guibutton> button in the file upload control. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-btn-clr</classname></term> + <listitem> + <para> + This class defines styles for the <guibutton>Clear</guibutton> button in the file upload control. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>trimColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + + <row> + <entry morerows="2"> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-btn-cnt-clr</classname></term> + <listitem> + <para> + This class defines styles for the content of the <guibutton>Clear</guibutton> button in the file upload control. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-itm</classname></term> + <listitem> + <para> + This class defines styles for an item in the file upload control. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-bottom-color</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-itm-lft</classname></term> + <term><classname>.rf-fu-itm-rgh</classname></term> + <listitem> + <para> + These classes define styles for items on the left and right of the file upload control. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry morerows="2"> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-itm-lbl</classname></term> + <listitem> + <para> + This class defines styles for the label of an item in the file upload control. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + + <row> + <entry morerows="2"> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-itm-st</classname></term> + <listitem> + <para> + This class defines styles for the status of an item in the file upload control. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + + <row> + <entry morerows="2"> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-itm-lnk</classname></term> + <listitem> + <para> + This class defines styles for a link item in the file upload control. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>generalLinkColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-inp</classname></term> + <listitem> + <para> + This class defines styles for the input field in the file upload control. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-fu-inp-cntr</classname></term> + <listitem> + <para> + This class defines styles for the input field container in the file upload control. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + </tbody> + </tgroup> +</table> Added: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richinplaceInput.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richinplaceInput.xml (rev 0) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richinplaceInput.xml 2011-03-16 05:20:46 UTC (rev 22239) @@ -0,0 +1,264 @@ +<?xml version='1.0' encoding='utf-8' ?> +<!DOCTYPE table PUBLIC "-//OASIS//DTD DocBook XML V4.5//EN" "http://www.oasis-open.org/docbook/xml/4.5/docbookx.dtd" [ +]> + +<table id="tabl-richinplaceInput-Style_classes_and_corresponding_skin_parameters"> + <title>Style classes (selectors) and corresponding skin parameters</title> + <tgroup cols="3"> + <colspec colname="class"/> + <colspec colname="skin"/> + <colspec colname="css"/> + <spanspec spanname="noskin" namest="skin" nameend="css"/> + <thead> + <row> + <entry>Class (selector)</entry> + <entry>Skin Parameters</entry> + <entry>Mapped <acronym>CSS</acronym> properties</entry> + </row> + </thead> + <tbody> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rf-ii-d-s</classname></term> + <listitem> + <para> + This class defines styles for the in-place input when it is in the default state. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>editorBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>border-bottom-color</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-ii-e-s</classname></term> + <listitem> + <para> + This class defines styles for the in-place input when it is in the editing state. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-ii-c-s</classname></term> + <listitem> + <para> + This class defines styles for the in-place input when it is in the changed state. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-ii-dis-s</classname></term> + <listitem> + <para> + This class defines styles for the in-place input when it is in the disabled state. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry morerows="3"> + <variablelist> + <varlistentry> + <term><classname>.rf-ii-fld</classname></term> + <listitem> + <para> + This class defines styles for the in-place input field. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>editBackgroundColor</literal></entry> + <entry><literal>background-color</literal>, <literal>border-bottom-color</literal></entry> + </row> + <row> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-ii-dflt-lbl</classname></term> + <listitem> + <para> + This class defines styles for the default label of the in-place input. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-ii-edit</classname></term> + <listitem> + <para> + This class defines styles for the in-place input when it is being edited. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rf-ii-btn</classname></term> + <listitem> + <para> + This class defines styles for the buttons for the in-place input. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tabBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rf-ii-btn-p</classname></term> + <listitem> + <para> + This class defines styles for the buttons for the in-place input when they are pressed. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tabBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-ii-btn-set</classname></term> + <term><classname>.rf-ii-btn-prepos</classname></term> + <term><classname>.rf-ii-btn-pos</classname></term> + <listitem> + <para> + These classes define the positioning of the buttons. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-ii-btn-shdw</classname></term> + <listitem> + <para> + This class defines styles for the button shadows for the in-place input. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-ii-btn-shdw-t</classname></term> + <term><classname>.rf-ii-btn-shdw-b</classname></term> + <term><classname>.rf-ii-btn-shdw-l</classname></term> + <term><classname>.rf-ii-btn-shdw-r</classname></term> + <listitem> + <para> + These classes define the top, bottom, left, and right edge of the button shadows. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-ii-none</classname></term> + <listitem> + <para> + This class defines styles for the in-place input when it cannot be edited. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + </tbody> + </tgroup> +</table> Added: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richinplaceSelect.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richinplaceSelect.xml (rev 0) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richinplaceSelect.xml 2011-03-16 05:20:46 UTC (rev 22239) @@ -0,0 +1,383 @@ +<?xml version='1.0' encoding='utf-8' ?> +<!DOCTYPE table PUBLIC "-//OASIS//DTD DocBook XML V4.5//EN" "http://www.oasis-open.org/docbook/xml/4.5/docbookx.dtd" [ +]> + +<table id="tabl-richinplaceSelect-Style_classes_and_corresponding_skin_parameters"> + <title>Style classes (selectors) and corresponding skin parameters</title> + <tgroup cols="3"> + <colspec colname="class"/> + <colspec colname="skin"/> + <colspec colname="css"/> + <spanspec spanname="noskin" namest="skin" nameend="css"/> + <thead> + <row> + <entry>Class (selector)</entry> + <entry>Skin Parameters</entry> + <entry>Mapped <acronym>CSS</acronym> properties</entry> + </row> + </thead> + <tbody> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rf-is-d-s</classname></term> + <listitem> + <para> + This class defines styles for the in-place select when it is in the default state. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>editorBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>border-bottom-color</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-is-e-s</classname></term> + <listitem> + <para> + This class defines styles for the in-place select when it is in the editing state. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-is-c-s</classname></term> + <listitem> + <para> + This class defines styles for the in-place select when it is in the changed state. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-is-dis-s</classname></term> + <listitem> + <para> + This class defines styles for the in-place select when it is in the disabled state. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry morerows="3"> + <variablelist> + <varlistentry> + <term><classname>.rf-is-fld</classname></term> + <listitem> + <para> + This class defines styles for the in-place select field. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>editBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> + </row> + <row> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-is-opt</classname></term> + <listitem> + <para> + This class defines styles for an option for the in-place select. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-is-sel</classname></term> + <listitem> + <para> + This class defines styles for the selected option of the in-place select. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-is-lbl</classname></term> + <listitem> + <para> + This class defines styles for the label of the in-place select. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-is-dflt-lbl</classname></term> + <listitem> + <para> + This class defines styles for the default label of the in-place select. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-is-edit</classname></term> + <listitem> + <para> + This class defines styles for the in-place select when it is being edited. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rf-is-btn</classname></term> + <listitem> + <para> + This class defines styles for the buttons for the in-place select. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tabBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rf-is-btn-p</classname></term> + <listitem> + <para> + This class defines styles for the buttons for the in-place select when they are pressed. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tabBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-is-btn-set</classname></term> + <term><classname>.rf-is-btn-prepos</classname></term> + <term><classname>.rf-is-btn-pos</classname></term> + <listitem> + <para> + These classes define the positioning of the buttons. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-is-lst-pos</classname></term> + <listitem> + <para> + This class defines the positioning of the list. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rf-is-lst-dec</classname></term> + <listitem> + <para> + This class defines styles for a decreasing list for the in-place select. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>editBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-is-lst-scrl</classname></term> + <listitem> + <para> + This class defines styles for the list scrollbar. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-is-shdw</classname></term> + <listitem> + <para> + This class defines styles for the in-place select shadow. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-is-shdw-t</classname></term> + <term><classname>.rf-is-shdw-b</classname></term> + <term><classname>.rf-is-shdw-l</classname></term> + <term><classname>.rf-is-shdw-r</classname></term> + <listitem> + <para> + These classes define the top, bottom, left, and right edge of the in-place select shadows. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-is-btn-shdw</classname></term> + <listitem> + <para> + This class defines styles for the button shadows for the in-place select. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rf-is-none</classname></term> + <listitem> + <para> + This class defines styles for the in-place select when it cannot be edited. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + </tbody> + </tgroup> +</table> Added: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/vlst-richcollapsibleSubTableToggler.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/vlst-richcollapsibleSubTableToggler.xml (rev 0) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/vlst-richcollapsibleSubTableToggler.xml 2011-03-16 05:20:46 UTC (rev 22239) @@ -0,0 +1,35 @@ +<?xml version='1.0' encoding='utf-8' ?> +<!DOCTYPE variablelist PUBLIC "-//OASIS//DTD DocBook XML V4.5//EN" "http://www.oasis-open.org/docbook/xml/4.5/docbookx.dtd" [ +]> + +<variablelist id="vlst-richcollapsibleSubTableToggler-Style_classes"> + <title>Style classes (selectors)</title> + + <varlistentry> + <term>.rf-csttg</term> + <listitem> + <para> + This class defines styles for a toggle control. + </para> + </listitem> + </varlistentry> + + <varlistentry> + <term>.rf-csttg-exp</term> + <listitem> + <para> + This class defines styles for a toggle control which expands the sub-table. + </para> + </listitem> + </varlistentry> + + <varlistentry> + <term>.rf-csttg-colps</term> + <listitem> + <para> + This class defines styles for a toggle control which collapses the sub-table. + </para> + </listitem> + </varlistentry> + +</variablelist> Added: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/vlst-richtree.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/vlst-richtree.xml (rev 0) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/vlst-richtree.xml 2011-03-16 05:20:46 UTC (rev 22239) @@ -0,0 +1,44 @@ +<?xml version='1.0' encoding='utf-8' ?> +<!DOCTYPE variablelist PUBLIC "-//OASIS//DTD DocBook XML V4.5//EN" "http://www.oasis-open.org/docbook/xml/4.5/docbookx.dtd" [ +]> + +<variablelist id="vlst-richtree-Style_classes"> + <title>Style classes (selectors)</title> + + <varlistentry> + <term>.rf-tr-nd</term> + <listitem> + <para> + This class defines styles for the nodes in a tree. + </para> + </listitem> + </varlistentry> + + <varlistentry> + <term>.rf-tr-nd-last</term> + <listitem> + <para> + This class defines styles for last node in a tree. + </para> + </listitem> + </varlistentry> + + <varlistentry> + <term>.rf-tr-nd-colps</term> + <listitem> + <para> + This class defines styles for a collapsed tree node. + </para> + </listitem> + </varlistentry> + + <varlistentry> + <term>.rf-tr-nd-exp</term> + <listitem> + <para> + This class defines styles for an expanded tree node. + </para> + </listitem> + </varlistentry> + +</variablelist>

13 years, 3 months

1
0
0 / 0

JBoss Rich Faces SVN: r22238 - trunk/cdk/annotations/src/main/java/org/richfaces/cdk/annotations.

by richfaces-svn-commits＠lists.jboss.org

Author: alexsmirnov Date: 2011-03-16 00:01:07 -0400 (Wed, 16 Mar 2011) New Revision: 22238 Modified: trunk/cdk/annotations/src/main/java/org/richfaces/cdk/annotations/JsfComponent.java Log: CODING IN PROGRESS - issue RFPL-1347: Annotations Javadoc https://issues.jboss.org/browse/RFPL-1347 Modified: trunk/cdk/annotations/src/main/java/org/richfaces/cdk/annotations/JsfComponent.java =================================================================== --- trunk/cdk/annotations/src/main/java/org/richfaces/cdk/annotations/JsfComponent.java 2011-03-16 01:38:50 UTC (rev 22237) +++ trunk/cdk/annotations/src/main/java/org/richfaces/cdk/annotations/JsfComponent.java 2011-03-16 04:01:07 UTC (rev 22238) @@ -28,15 +28,18 @@ import java.lang.annotation.RetentionPolicy; import java.lang.annotation.Target; +import javax.faces.component.UICommand; +import javax.faces.component.UIComponentBase; +import javax.faces.component.UIInput; +import javax.faces.component.html.HtmlCommandButton; +import javax.faces.component.html.HtmlCommandLink; import javax.faces.event.FacesEvent; /** * * That annotation marks class as JSF component. The difference with JSF 2.0 @ - * {@link javax.faces.component.FacesComponent} annotation is what this one could marks abstaract class from which a - * real UI-component implementation will be generated. The value of default {@link #type()} attribute is taken to be - * component type. The fully qualified class name becomes a component class unless that class is abstract or - * final component class is defined by the {@link #generate()} attribute value. + * {@link javax.faces.component.FacesComponent} annotation is what this one could marks abstract class from which a + * real UI-component implementation will be generated. * * * @author asmirnov(a)exadel.com @@ -47,25 +50,18 @@ /** * - * Annotation class name to use as key for annotation processor class. + * Annotation class name to use as key in the annotation processor. * */ public static final String NAME = "org.richfaces.cdk.annotations.JsfComponent"; - /** - * - * Excplicitly disable component generation - * - */ - public static final String DISABLED = "##DISABLED"; /** * - * Type of the component. This is mandatory parameter because CDK uses component-type as primary key for - * components library model. + * Type of the JSF component. * - * - * TODO if this value is an empty, component type will be inferred from class name. + * + * if this value is an empty, component type would be inferred from class name. * * * @return component type. @@ -74,7 +70,7 @@ /** * - * Component famili. If this attribute was empty, it is inferred from the COMPONENT_FAMILY constant or by naming + * Component family. For default value, it is inferred from the COMPONENT_FAMILY constant or by naming * conventions. * * @@ -93,7 +89,7 @@ /** * - * Description used by IDE. + * Component description to include into generated faces-config and taglib. * * * @return @@ -102,7 +98,7 @@ /** * - * Cenerated Junit test. + * Junit test description. Isn't used in RichFaces 4.0, reserved for future releases. * * * @return @@ -120,7 +116,7 @@ /** * - * View Description Language, JSP or Facelets, tags. + * Tag description, for JSP and Facelets, tags. * * * @return @@ -129,7 +125,7 @@ /** * - * Events fired by the component. + * Faces Events fired by the component. * * * @return @@ -147,9 +143,9 @@ /** * - * defines fragments of faces-config.xml that contain standard attribute definitions. CDK also tries to read - * META-INF/cdk/attributes/[classname].xml file for all component superclasses and interfaces, therefore it is not - * necessary to explicit include definitions for UIComponent and any other standard JSF classes. CDK defines couple + * Defines fragments of faces-config.xml that contain standard attribute definitions. CDK also tries to read + * META-INF/cdk/attributes/[classname].xml file for all component superclass's and interfaces. therefore it is not + * necessary to explicitly include definitions for UIComponent and any other standard JSF classes. CDK defines couple * of its own "urn" namespaces: "urn:resource:" for classpath resources, "urn:config:" for for project configuration * folder and "urn:attributes:" for META-INF/cdk/attributes/ in the annotations library. * @@ -169,7 +165,9 @@ public Class<?>[] interfaces() default {}; /** - * + * Defines third-level renderer-specific components. Used to generate a whole family of similar components. + * For example, {@link UIComponentBase} provides {@link UICommand} subclass for all command components, and {@link HtmlCommandLink} with {@link HtmlCommandButton} are + * renderer-specific components for links and buttons. * @return */ public RendererSpecificComponent[] components() default {};

13 years, 3 months

1
0
0 / 0

JBoss Rich Faces SVN: r22237 - in branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces: autocomplete/samples and 10 other directories.

by richfaces-svn-commits＠lists.jboss.org

Author: jbalunas(a)redhat.com Date: 2011-03-15 21:38:50 -0400 (Tue, 15 Mar 2011) New Revision: 22237 Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/cachedAjax.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/clientFilter.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/samples/cachedAjax-sample.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/calendar.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/clientStylingDisablement.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/dataModel.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/fileUpload/imgUpload.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceInput/inplaceInput.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceSelect/inplaceSelect.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceSelect/samples/inplaceSelect-sample.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/samples/sliders-sample.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/sliders.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSpinner/spinners.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/select/samples/select-sample.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/select/select.xhtml Log: RFPL-1219 updates to showcase text Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/cachedAjax.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/cachedAjax.xhtml 2011-03-15 23:04:14 UTC (rev 22236) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/cachedAjax.xhtml 2011-03-16 01:38:50 UTC (rev 22237) @@ -5,15 +5,16 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - Autocomplete component - simple Input component which provides suggestions during input. - Could works using three modes: + The rich:autocomplete component looks like a simple input component, + but has advanced options and features to provide suggestions to the user during input. + There are three different modes for how it fetches suggestions: <ul> - <li>Client - preloads data to the client side and makes suggestions according to entered prefix on the client</li> - <li>Ajax - fetches the data on every input change using ajax requests</li> - <li>Cached Ajax - loads data via ajax to make suggestions when the prefix length satisfies minchars attribute. Then all the suggestions done at client side except the case when initial prefix changed or token entered. Then loads data again.</li> + <li>Client - preloads data to the client and makes suggestions according to the entered prefix on the client</li> + <li>Ajax - fetches the data on every input change using Ajax requests</li> + <li>Cached Ajax - loads data via Ajax to make suggestions when the prefix length satisfies minChars attribute value. Then all the suggestions are handled at the client until the initial prefix is changed. At that point it will reload with the new prefix.</li> </ul> - Here is the sample for new cachedAjax mode. + 1) Autocomplete American state names using the cached Ajax mode with minChars="2". <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/clientFilter.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/clientFilter.xhtml 2011-03-15 23:04:14 UTC (rev 22236) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/clientFilter.xhtml 2011-03-16 01:38:50 UTC (rev 22237) @@ -5,17 +5,18 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - Except the server-side "autocomplete" method which could - be used to collect suggestion strings according to entered prefix, rich:autocomplete - allows to define similar method for filtering at client side. It should - be defined using clientFilterFunction attribute which accepts - custom filter function name. Function should accepts two parameters subString(current - input value considering tokens) and value(currently iterated - item value) and return boolean flag which means if the value satisfies + When a suggestion request is sent to the server via an Ajax call you + have full control over the suggestion list. Once that data is on the + client the default filter is startsWith. This + can be changed to any custom JavaScript filter you wish. This example + shows you how to define and call a custom filter for contains instead + of startsWith. + The clientFilterFunction attribute accepts + a custom JavaScript function name. This function should have two parameters; + subString(current input value considering tokens) and value + (currently iterated item value) and return boolean flag which means if the value satisfies the substring passed. The function will be called for every available - suggestion in order to construct new list of suggestions. - This sample shows how to change the client filtering to "contains" - instead of "startsWith" + suggestion in order to construct a new list of suggestions. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/samples/cachedAjax-sample.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/samples/cachedAjax-sample.xhtml 2011-03-15 23:04:14 UTC (rev 22236) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/autocomplete/samples/cachedAjax-sample.xhtml 2011-03-16 01:38:50 UTC (rev 22237) @@ -5,31 +5,25 @@ xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> - Default autocomplete in cachedAjax mode <h:form> - <rich:autocomplete mode="cachedAjax" minChars="0" + <rich:autocomplete mode="cachedAjax" minChars="2" autocompleteMethod="#{autocompleteBean.autocomplete}" /> </h:form> - Autocomplete without direct suggestions to input(autoFill="false"). - Also in the sample comma and space are input tokens, so separate - autocompletion requests will be fired for different parts in input + 2) Allows multiple selections using tokens ', and ' '. This means + you will be able to separate different values with a space or comma + and get a new suggestion for a second value. The autoFill + attribute is set to false so you will notice values are not automatically added. <h:form> - <rich:autocomplete mode="cachedAjax" tokens=", " minChars="0" + <rich:autocomplete mode="cachedAjax" tokens=", " minChars="1" autofill="false" autocompleteMethod="#{autocompleteBean.autocomplete}" /> </h:form> - In that sample selectFirst set to false so pressing enter - will not choose the value from list but just submit currently entered + 3) With the selectFirst attribute set to false pressing enter + will not choose the value from list automatically, but just submit currently entered value. <h:form> <rich:autocomplete mode="cachedAjax" tokens=", " minChars="0" autoFill="false" selectFirst="false" autocompleteMethod="#{autocompleteBean.autocomplete}" /> </h:form> - <fieldset><legend>NOTE: </legend> The developer has - full control under filtering on server side according to prefix. But in - client and cachedAjax modes - just built-in startWith method used. In - near future the component will be updated with one more attribute which - will allow the developer to define client side comparator function to - customize that behavior.</fieldset> </ui:composition> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/calendar.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/calendar.xhtml 2011-03-15 23:04:14 UTC (rev 22236) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/calendar.xhtml 2011-03-16 01:38:50 UTC (rev 22237) @@ -5,11 +5,11 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - rich:calendar allows to select the date using monthly calendar - elements on pages. It is possible to use the component in a popup or - inline mode. At a popup mode Calendar is initially rendered as input for - date and button on the right side to call a popup. In case of an inline - mode, the monthly calendar is located on a page initially. + The rich:calendar component allows you to select a date using a + monthly calendar widget. It is possible to use the component in a popup or + inline mode. In popup mode the calendar is initially rendered as an input for + date with a button on the right side to trigger the popup. For inline + mode, the monthly calendar is rendered on the page initially. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/clientStylingDisablement.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/clientStylingDisablement.xhtml 2011-03-15 23:04:14 UTC (rev 22236) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/clientStylingDisablement.xhtml 2011-03-16 01:38:50 UTC (rev 22237) @@ -5,8 +5,8 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - This simple example shows the way of client side dates - disablement and styling without dataModel usage. + This example shows how to define days that are disabled. In this example + we are using client side scripts to define the dates. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/dataModel.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/dataModel.xhtml 2011-03-15 23:04:14 UTC (rev 22236) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/dataModel.xhtml 2011-03-16 01:38:50 UTC (rev 22237) @@ -5,18 +5,16 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - Calendar may use a special Data Model to provide data for - element rendering. You can re-define the default Calendar Model using - the dataModel attribute pointed to the object that implements + The calendar may also use a special data model to provide data for + element rendering. You can re-define the default calendar model using + the dataModel attribute and point to an object that implements the CalendarDataModel interface. - In next simple example next rules applied using model: + In this example we are using a custom data model to implement the following + rules: <ul> - <li>Weekend days are disabled (sunday and saturday) and uses bold - and italic text style.</li> - <li>Thuesday and Thursday are disabled also. (just RichFaces team - meeting days) So grayed out as busy days.</li> - <li>All the values in the past disabed and styled as boundary - dates.</li> + <li>Weekend days are disabled and use bold and italic text style.</li> + <li>Tuesdays and Thursdays are disabled, and grayed out to represent busy days.</li> + <li>All the values in the past are disabled and styled as boundary dates.</li> </ul> <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> @@ -39,20 +37,17 @@ <ui:param name="openLabel" value="View CalendarModelItem Source" /> <ui:param name="hideLabel" value="Hide CalendarModelItem Source" /> </ui:include> - Calendar may use a special Data Model to provide data for - element rendering. You can re-define the default Calendar Model using - the dataModel attribute pointed to the object that implements - CalendarDataModel interface. - CalendarDataModel has the following methods: + There are two primary interfaces that make up the calendar data model. + CalendarDataModel: <ul> <li>CalendarDataModelItem[] getData(Date[]) is called every time when components need the next block of CalendarDataItems. That may - happens when the calendar is rendered, or when you navigate to the + happen when the calendar is rendered, or when you navigate to the next/previous month or in any other case when the calendar is - rendered. This method is called in an Ajax mode when the calendar - renders a new page.</li> + rendered. This method is called in Ajax mode when the calendar + renders for a new page.</li> </ul> - CalendarDataModelItem provides the following methods: + CalendarDataModelItem: <ul> <li>Boolean isEnabled() returns "true" if date is "selectable" on the calendar, the default implementation returns "true"</li> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/fileUpload/imgUpload.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/fileUpload/imgUpload.xhtml 2011-03-15 23:04:14 UTC (rev 22236) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/fileUpload/imgUpload.xhtml 2011-03-16 01:38:50 UTC (rev 22237) @@ -5,16 +5,14 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - rich:fileUpload is a component which provides files - upload functionality and extends functionality of standard input - with type="file". - The next example shows you File Upload which allows you to - upload files to the server. Files number allowed to upload is managed - with maxFilesQuantity attribute. Every uploaded file should be - managed with fileUploadListener which is called after every - single file upload is finished. - <fieldset><legend>Sample limitations</legend>This - example allows to download up to 5 files. The file extension is + The rich:fileUpload component allows you to upload files from the users + machine to the server with various options. + This example allows you to upload files to the demo server. The number of + files allowed at once is managed with the maxFilesQuantity attribute. + Every uploaded file will be processed with a fileUploadListener which + is called after every single file upload operation is finished. + <fieldset><legend>Example limitations</legend>This + example allows you to upload up to 5 files. The file extension is limited to GIF, JPG, BMP, PNG and the maximum size of each file must not exceed 100kB</fieldset> <ui:include src="#{demoNavigator.sampleIncludeURI}" /> @@ -34,10 +32,10 @@ web.xml: <ul> <li>createTempFiles boolean attribute which defines whether the - uploaded files are stored in temporary files or available in listener - just as byte[] data (false for this example).</li> + uploaded files are stored in temporary files or available in the listener + directly as byte[] data (false for this example).</li> <li>maxRequestSize attribute defines max size in bytes of the - uploaded files (1000000 for this example).</li> + uploaded files (1000000 for this example).</li> </ul> </ui:composition> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceInput/inplaceInput.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceInput/inplaceInput.xhtml 2011-03-15 23:04:14 UTC (rev 22236) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceInput/inplaceInput.xhtml 2011-03-16 01:38:50 UTC (rev 22237) @@ -5,8 +5,12 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - InplaceInput is a simple input component which displays the current value as outputText and switches to inputText based representation after a defined event to allow editing this value. -You could use simplest examples below. For the first demo, just click on a label to edit the value and click somewhere outside the component to store this value(Or just press ENTER button). + The rich:inplaceInput component displays the current value rendered + as outputText and switches to inputText after a customizable event + (i.e. click) to allow editing this value. There are various other options + such as default text, and styling. For this example, click on a label + to edit the value and either click enter, or somewhere outside the component to store this + value. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceSelect/inplaceSelect.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceSelect/inplaceSelect.xhtml 2011-03-15 23:04:14 UTC (rev 22236) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceSelect/inplaceSelect.xhtml 2011-03-16 01:38:50 UTC (rev 22237) @@ -5,7 +5,7 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - Inplace Select is a simple input component which displays current + The rich:inplaceSelect component displays the current selected value as outputText and switches to Select based representation after a defined event to allow editing this value. Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceSelect/samples/inplaceSelect-sample.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceSelect/samples/inplaceSelect-sample.xhtml 2011-03-15 23:04:14 UTC (rev 22236) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inplaceSelect/samples/inplaceSelect-sample.xhtml 2011-03-16 01:38:50 UTC (rev 22237) @@ -6,9 +6,9 @@ xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> <h:form> - Try the simplest example below. Just click on a label to edit + In the example below click on the label to edit the value and click somewhere outside the component to store this - value(Or just press ENTER button). + value. <rich:panel style="width:220px;"> <f:facet name="header"> <h:outputText value="Simples select"></h:outputText> @@ -22,23 +22,18 @@ <f:selectItem itemValue="4" itemLabel="Option 5" /> </rich:inplaceSelect> </rich:panel> - In that sample component customized in next way: + In the next example we have customized the component in the following ways: <ul> <li>f:selectItems tag is used to define a list of items to use.</li> - <li>Controls "save" and "cancel" are turned on with showControls + <li>Controls "save" and "cancel" are turned on with the showControls attribute</li> - <li>editEvent set to dblclick and used to switch to edit - state.</li> - <li>saveOnSelect defined as false causes component not to store - value right after choosing but wait till buttons will be used or - focus lost.</li> - <li>saveOnBlur defined as false causes component to cancel new - value if it was chosen and focus was lost without save button - activation. That could be useful on interfaces where every change - causes long processing. And if use true value - it will works like in - spreadsheets where leaving the changed field causes new value to be - applied.</li> + <li>editEvent is set to dblclick to trigger to edit the mode.</li> + <li>saveOnSelect is set to 'false' so that the value will + not be stored until the "save" button is clicked.</li> + <li>saveOnBlur is set to 'false' so that the value will + not be stored unless until the "save" button is clicked. This could + be useful on pages where every change could cause extended processing.</li> </ul> <rich:panel style="width:220px;"> <f:facet name="header"> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/samples/sliders-sample.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/samples/sliders-sample.xhtml 2011-03-15 23:04:14 UTC (rev 22236) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/samples/sliders-sample.xhtml 2011-03-16 01:38:50 UTC (rev 22237) @@ -10,7 +10,7 @@ <rich:inputNumberSlider value="50" /> - Here is "minimalistic" input: + Here is "minimalistic" example: <rich:inputNumberSlider value="50" showInput="false" enableManualInput="false" showBoundaryValues="false" @@ -21,7 +21,7 @@ <rich:inputNumberSlider value="500" width="500" maxValue="1000" step="50" showArrows="true" showTooltip="false" /> - The same variant but the control disabled: + The same variant but the control is disabled: <rich:inputNumberSlider value="500" width="500" maxValue="1000" step="50" showArrows="true" showTooltip="false" disabled="true" /> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/sliders.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/sliders.xhtml 2011-03-15 23:04:14 UTC (rev 22236) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSlider/sliders.xhtml 2011-03-16 01:38:50 UTC (rev 22237) @@ -5,8 +5,9 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - InputNumberSlider is a highly customizable component that is used to define numeric - input in a given range. You can use a slider or just type some value into an input field. + The inputNumberSlider is a highly customizable component that is used to define numeric + input in a given range. It is rendered as a slider or you can type in + a specific value into an optional input field. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSpinner/spinners.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSpinner/spinners.xhtml 2011-03-15 23:04:14 UTC (rev 22236) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/inputNumberSpinner/spinners.xhtml 2011-03-16 01:38:50 UTC (rev 22237) @@ -5,8 +5,9 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - InputNumberSpinner is a highly customizable component that is used to define a numeric - input in a given range. A user can use a spinner control or just type some text into an input field. + The rich:inputNumberSpinner is a highly customizable component that is used to define a numeric + input in a given range. It is rendered as a spinner control or you can enter + the value in the input field. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/select/samples/select-sample.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/select/samples/select-sample.xhtml 2011-03-15 23:04:14 UTC (rev 22236) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/select/samples/select-sample.xhtml 2011-03-16 01:38:50 UTC (rev 22237) @@ -6,7 +6,7 @@ xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> <h:form> - There is simple sample where select behaves as standard one: + This example shows a select component that behaves basically the same as the standard: <rich:panel style="width:220px;"> <f:facet name="header"> <h:outputText value="Simples select"></h:outputText> @@ -19,9 +19,8 @@ <f:selectItem itemValue="4" itemLabel="Option 5" /> </rich:select> </rich:panel> - There you could check keyboard filtering within the select - component. It allows to enter only valid items from the list. Wrong - input will be reseted. + In the next example you can manually enter values, and any invalid + entries are not allowed. <rich:panel style="width:220px;"> <f:facet name="header"> <h:outputText value="Select with manual input"></h:outputText> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/select/select.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/select/select.xhtml 2011-03-15 23:04:14 UTC (rev 22236) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/select/select.xhtml 2011-03-16 01:38:50 UTC (rev 22237) @@ -5,14 +5,15 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - rich:select component is designed to replace standard - h:selectOneMenu. Main features which differs from base component: + The rich:select component is designed to replace standard + h:selectOneMenu. It adds various features and options including core Ajax + functionality, and skinning. Some of the notable features are: <ul> - <li>Skinned according to RichFaces standard principles. That + <li>Skinning following RichFaces standard principles. This allows the component to have unified look and feel across all the browsers.</li> - <li>Provides better navigation across select items using keyboard</li> - <li>Provides default label functionality which is common for all the RichFaces inputs.</li> + <li>Better navigation across select items using the keyboard</li> + <li>Default label functionality which is common for all the RichFaces inputs.</li> </ul> <ui:include src="#{demoNavigator.sampleIncludeURI}" />

13 years, 3 months

1
0
0 / 0

JBoss Rich Faces SVN: r22236 - in modules/docs/trunk/Component_Reference/src/main/docbook/en-US: skinning and 1 other directory.

by richfaces-svn-commits＠lists.jboss.org

Author: SeanRogers Date: 2011-03-15 19:04:14 -0400 (Tue, 15 Mar 2011) New Revision: 22236 Added: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/vlst-richdragIndicator.xml modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/vlst-richdropTarget.xml Modified: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Drag_and_drop.xml modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Tables_and_grids.xml Log: Drag and Drop skinning reference, fixed dataScroller facet names Modified: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Drag_and_drop.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Drag_and_drop.xml 2011-03-15 22:34:22 UTC (rev 22235) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Drag_and_drop.xml 2011-03-15 23:04:14 UTC (rev 22236) @@ -143,6 +143,11 @@ </listitem> </itemizedlist> </section> + + <section id="sect-Component_Reference-richdropTarget-Style_classes"> + <title>Style classes</title> + <xi:include href="skinning/vlst-richdropTarget.xml" xmlns:xi="http://www.w3.org/2001/XInclude" /> + </section> </section> <section id="sect-Component_Reference-Drag_and_drop-richdragIndicator"> @@ -234,6 +239,11 @@ </listitem> </itemizedlist> </section> + + <section id="sect-Component_Reference-richdragIndicator-Style_classes"> + <title>Style classes</title> + <xi:include href="skinning/vlst-richdragIndicator.xml" xmlns:xi="http://www.w3.org/2001/XInclude" /> + </section> </section> </chapter> Modified: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Tables_and_grids.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Tables_and_grids.xml 2011-03-15 22:34:22 UTC (rev 22235) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/chap-Component_Reference-Tables_and_grids.xml 2011-03-15 23:04:14 UTC (rev 22236) @@ -1518,7 +1518,7 @@ The component includes controls for switching to the first page, the last page, the next page, and the previous page, as well as controls for fast-forwarding or rewinding by a set amount. Use the <varname>fastStep</varname> attribute to set the number of pages to skip when fast-forwarding or rewinding. </para> <para> - The appearance of these controls can be customized using the following facets: <literal>first</literal>, <literal>last</literal>, <literal>next</literal>, <literal>previous</literal>, <literal>fastforward</literal>, and <literal>rewind</literal>. Additionally, there are facets for the controls' disabled states: <literal>first_disabled</literal>, <literal>last_disabled</literal>, <literal>next_disabled</literal>, <literal>previous_disabled</literal>, <literal>fastforward_disabled</literal>, and <literal>rewind_disabled</literal>. + The appearance of these controls can be customized using the following facets: <literal>first</literal>, <literal>last</literal>, <literal>next</literal>, <literal>previous</literal>, <literal>fastForward</literal>, and <literal>fastRewind</literal>. Additionally, there are facets for the controls' disabled states: <literal>first_disabled</literal>, <literal>last_disabled</literal>, <literal>next_disabled</literal>, <literal>previous_disabled</literal>, <literal>fastforward_disabled</literal>, and <literal>rewind_disabled</literal>. </para> </listitem> </varlistentry> Added: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/vlst-richdragIndicator.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/vlst-richdragIndicator.xml (rev 0) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/vlst-richdragIndicator.xml 2011-03-15 23:04:14 UTC (rev 22236) @@ -0,0 +1,44 @@ +<?xml version='1.0' encoding='utf-8' ?> +<!DOCTYPE variablelist PUBLIC "-//OASIS//DTD DocBook XML V4.5//EN" "http://www.oasis-open.org/docbook/xml/4.5/docbookx.dtd" [ +]> + +<variablelist id="vlst-richdragIndicator-Style_classes"> + <title>Style classes (selectors)</title> + + <varlistentry> + <term>.rf-ind</term> + <listitem> + <para> + This class defines styles for the drag indicator. + </para> + </listitem> + </varlistentry> + + <varlistentry> + <term>.rf-ind-drag</term> + <listitem> + <para> + This class defines styles for the indicator when it is being dragged. + </para> + </listitem> + </varlistentry> + + <varlistentry> + <term>.rf-ind-acpt</term> + <listitem> + <para> + This class defines styles for the indicator when it is over an acceptable drop target. + </para> + </listitem> + </varlistentry> + + <varlistentry> + <term>.rf-ind-rejt</term> + <listitem> + <para> + This class defines styles for the indicator when it is over an unacceptable drop target. + </para> + </listitem> + </varlistentry> + +</variablelist> Added: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/vlst-richdropTarget.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/vlst-richdropTarget.xml (rev 0) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/vlst-richdropTarget.xml 2011-03-15 23:04:14 UTC (rev 22236) @@ -0,0 +1,26 @@ +<?xml version='1.0' encoding='utf-8' ?> +<!DOCTYPE variablelist PUBLIC "-//OASIS//DTD DocBook XML V4.5//EN" "http://www.oasis-open.org/docbook/xml/4.5/docbookx.dtd" [ +]> + +<variablelist id="vlst-richdropTarget-Style_classes"> + <title>Style classes (selectors)</title> + + <varlistentry> + <term>.rf-drp-hvr</term> + <listitem> + <para> + This class defines styles for the drop target when a dragged item is hovering over it. + </para> + </listitem> + </varlistentry> + + <varlistentry> + <term>.rf-drp-hlight</term> + <listitem> + <para> + This class defines styles for a highlighted drop target. + </para> + </listitem> + </varlistentry> + +</variablelist>

13 years, 3 months

1
0
0 / 0

JBoss Rich Faces SVN: r22235 - in branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces: dataScroller and 6 other directories.

by richfaces-svn-commits＠lists.jboss.org

Author: SeanRogers Date: 2011-03-15 18:34:22 -0400 (Tue, 15 Mar 2011) New Revision: 22235 Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataGrid/grid.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/dataScrollerAPI.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/simpleScrolling.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/dataTableEdit.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/dataTableEdit-sample.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/simpleTable.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableFiltering.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableSorting.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableStyling.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/extendedDataTable/exTableSelection.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/extendedDataTable/simpleTable.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/list/lists.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/repeat/simpleGrid.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/subTableToggleControl/subTableToggleControl.xhtml Log: Moving iteration showcase updates to 4.0.x branch: RFPL-1215 Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataGrid/grid.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataGrid/grid.xhtml 2011-03-15 22:28:06 UTC (rev 22234) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataGrid/grid.xhtml 2011-03-15 22:34:22 UTC (rev 22235) @@ -5,11 +5,11 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - The component takes iterates a model as any other iteration - component and outputs it the same way as <h:PanelGrid> does for - inline data. To define grid properties and styles, use the same - definitions as for <h:panelGrid>. - The following example shows the dataGrid component in use: + The rich:dataGrid component accepts the same data sources as other iteration components + and renders them in a grid format, the same way as the h:PanelGrid component does for + in-line data. To define the grid's properties and styles, use the same + definitions as for the h:panelGrid component. + This example demonstrates basic use of the rich:dataGrid component. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -18,4 +18,4 @@ <ui:param name="hideLabel" value="Hide Source" /> </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/dataScrollerAPI.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/dataScrollerAPI.xhtml 2011-03-15 22:28:06 UTC (rev 22234) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/dataScrollerAPI.xhtml 2011-03-15 22:34:22 UTC (rev 22235) @@ -5,17 +5,17 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - dataScroller provides cliens side API functions in order to - provide control from your JavaScript custom handlers. List of api - methods: + The rich:dataScroller component provides client-side API functions to + control the scroller through custom JavaScript handlers. The API includes + the following methods: <ul style="font-style: italic"> <li>next</li> <li>previous</li> <li>first</li> <li>last</li> </ul> - This simple sample shows how the scroller could be controlled - via API from external controls(arrows images) + This example shows how the data scroller could be controlled + through the API using external controls (the arrow images). <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -25,4 +25,4 @@ </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/simpleScrolling.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/simpleScrolling.xhtml 2011-03-15 22:28:06 UTC (rev 22234) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataScroller/simpleScrolling.xhtml 2011-03-15 22:34:22 UTC (rev 22235) @@ -5,11 +5,12 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - dataScroller component provided in order to implement Ajax - pagination for data iteration components. - Starting from 4.x version - no more additional updated should be - defined by end-developer in order to synchronize different - dataScrollers attached to the same table as in example below. + The rich:dataScroller component implements Ajax + pagination for data iteration components such as tables. + In RichFaces 4.x, no additional updating is + required in order to synchronize different + rich:dataScroller components attached to the same table. + This is demonstrated in the example below. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -19,4 +20,4 @@ </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/dataTableEdit.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/dataTableEdit.xhtml 2011-03-15 22:28:06 UTC (rev 22234) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/dataTableEdit.xhtml 2011-03-15 22:34:22 UTC (rev 22235) @@ -6,6 +6,10 @@ xmlns:a4j="http://richfaces.org/a4j"> <ui:composition> + This example demonstrates a table with row editing and deletion. + The controls to delete or edit the row display rich:popupPanel + components. The pop-up panels then call functions in the bean to + manage the table contents. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -22,4 +26,4 @@ </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/dataTableEdit-sample.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/dataTableEdit-sample.xhtml 2011-03-15 22:28:06 UTC (rev 22234) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/samples/dataTableEdit-sample.xhtml 2011-03-15 22:34:22 UTC (rev 22235) @@ -67,11 +67,11 @@ <rich:popupPanel id="statPane" autosized="true"> <h:graphicImage value="/images/ai.gif" /> - Wait please... + Please wait... </rich:popupPanel> <rich:popupPanel id="confirmPane" autosized="true"> - Sure to delete row? + Are you sure you want to delete the row? <a4j:commandButton value="Cancel" onclick="#{rich:component('confirmPane')}.hide(); return false;" /> <a4j:commandButton value="Delete" onclick="remove(); return false;" /> @@ -116,4 +116,4 @@ onclick="#{rich:component('editPane')}.hide(); return false;" /> </rich:popupPanel> </h:form> -</ui:composition> \ No newline at end of file +</ui:composition> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/simpleTable.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/simpleTable.xhtml 2011-03-15 22:28:06 UTC (rev 22234) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/simpleTable.xhtml 2011-03-15 22:34:22 UTC (rev 22235) @@ -5,8 +5,8 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - This sample shows simple master-detail table implemented using - tbl:dataTable and tbl:collapsibleSubTable components + This example shows a simple master-detail table implemented using + rich:dataTable and rich:collapsibleSubTable components. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -39,4 +39,4 @@ <ui:param name="hideLabel" value="Hide ExpenseReportRecordItem Source" /> </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableFiltering.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableFiltering.xhtml 2011-03-15 22:28:06 UTC (rev 22234) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableFiltering.xhtml 2011-03-15 22:34:22 UTC (rev 22235) @@ -5,6 +5,11 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> + This example demonstrates content filtering for RichFaces table components. + A variety of controls are used in the header facet of the table to filter the contents + of the columns below them. The value attributes of these controls adjust the + values linked to the filterValue attribute of the columns. + The filterExpression attribute defines the expression used to filter the column. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -19,4 +24,4 @@ <ui:param name="hideLabel" value="Hide CarsFilteringBean Source" /> </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableSorting.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableSorting.xhtml 2011-03-15 22:28:06 UTC (rev 22234) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableSorting.xhtml 2011-03-15 22:34:22 UTC (rev 22235) @@ -5,14 +5,13 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - Here is simple example of sorting feature of RichFaces Table - component. - Object property which should be used for sorting should be - defined in sortBy attribute. - Currently you could only control sortOrder in your actions, and - in near versions we're planning to add special sort controls - Also you could use # - {rich:component('tableId')}.sort('columnId', ['sortOrder']) JS api + This example demonstrates the sorting feature for the RichFaces table + components. + The object property which is used for sorting should be + defined for each column with the sortBy attribute. + Use the sortOrder attribute together with user actions + to determine the sorting order. Alternatively, you can use + #{rich:component('tableId')}.sort('columnId', ['sortOrder']) with the JavaScript API. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -27,4 +26,4 @@ <ui:param name="hideLabel" value="Hide CapitalsSortingBean Source" /> </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableStyling.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableStyling.xhtml 2011-03-15 22:28:06 UTC (rev 22234) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dataTable/tableStyling.xhtml 2011-03-15 22:34:22 UTC (rev 22235) @@ -6,8 +6,8 @@ <ui:composition> - This sample shows simple table styling. The table appears in - zebra-style and has highlighting of hovered row. + This example demonstrates simple table styling. The table rows appear in + a zebra-style, and a row is highlighted when it is hovered over. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -16,4 +16,4 @@ <ui:param name="hideLabel" value="Hide Source" /> </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/extendedDataTable/exTableSelection.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/extendedDataTable/exTableSelection.xhtml 2011-03-15 22:28:06 UTC (rev 22234) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/extendedDataTable/exTableSelection.xhtml 2011-03-15 22:34:22 UTC (rev 22235) @@ -5,18 +5,16 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> -This sample shows the selection management using built-in selection functionality. -selectionMode attribute which controls selection mode has three values: - +This example demonstrates selection management using the built-in selection functionality. +The selectionMode attribute, which controls the selection mode, has three possible values: <ul> -<li>multi</li> +<li>multiple</li> <li>single</li> <li>none</li> </ul> - -And in order to manage your selection - use selection attribute which should be pointed to -some collection of objects. It will hold rowKeys of currently selected rows. -Look to next simple sample: +To manage your selection, use the selection attribute, which points to +a collection of objects. The collection holds rowKey identifiers of the currently selected rows. + <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -32,4 +30,4 @@ </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/extendedDataTable/simpleTable.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/extendedDataTable/simpleTable.xhtml 2011-03-15 22:28:06 UTC (rev 22234) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/extendedDataTable/simpleTable.xhtml 2011-03-15 22:34:22 UTC (rev 22235) @@ -5,15 +5,15 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - ExtendedDataTable component provides next set of features: + The rich:extendedDataTable component provides the following features: <ul> - <li>Horizontal/Vertical scrolling</li> - <li>Ajax lazy loading on vertical scroll</li> - <li>Support "frozen" columns which are not scrolled on using + <li>Horizontal and vertical scrolling</li> + <li>Ajax lazy loading for vertical scrolling</li> + <li>"Frozen" columns which are not scrolled with a horizontal scroll</li> </ul> - The component not requires special model usage but supports all the standard ones and all the - models which rich:dataTable supports. + The component does not require the use of a special model; it supports all the standard + models supported by the rich:dataTable component. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -25,4 +25,4 @@ attribute with number of rows to be loaded on the client </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/list/lists.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/list/lists.xhtml 2011-03-15 22:28:06 UTC (rev 22234) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/list/lists.xhtml 2011-03-15 22:34:22 UTC (rev 22235) @@ -5,10 +5,11 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - rich:list component allows to build one of the HTML lists - (UL, OL, DL) dynamically from backend data - It accepts the same data types as the other iteration components - and renders them according to type attribute. + The rich:list component allows to build lists + dynamically from back-end data. The lists can be + ordered lists, unordered lists, or definition lists. + The rich:list component accepts the same data sources as other iteration components + and renders them according to the type attribute. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> @@ -19,4 +20,4 @@ </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/repeat/simpleGrid.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/repeat/simpleGrid.xhtml 2011-03-15 22:28:06 UTC (rev 22234) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/repeat/simpleGrid.xhtml 2011-03-15 22:34:22 UTC (rev 22235) @@ -5,9 +5,9 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - a4j:repeat is a base iteration component of RichFaces. It allows - to create any markups based on iterative data. This sample shows simple - grid from capitals list. + The a4j:repeat component is the basic iteration component of RichFaces. It allows + the creation of any markup based on iterative data. This example shows a simple + grid produced from a list of capital cities. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -22,4 +22,4 @@ <ui:param name="hideLabel" value="Hide Bean Source" /> </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/subTableToggleControl/subTableToggleControl.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/subTableToggleControl/subTableToggleControl.xhtml 2011-03-15 22:28:06 UTC (rev 22234) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/subTableToggleControl/subTableToggleControl.xhtml 2011-03-15 22:34:22 UTC (rev 22235) @@ -5,17 +5,17 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - This sample shows simple master-detail table implemented using - rich:dataTable and rich:collapsibleSubTable components - There is one feature which is completely new for 4.x - subtables - now could be collapsed/expanded by using new component rich:collapsibleSubTableToggler - Switching customization: + This example shows a simple master-detail table implemented using the + rich:dataTable and rich:collapsibleSubTable components + New in RichFaces 4.x is the ability to collapse and expand sub-tables + using the rich:collapsibleSubTable and rich:collapsibleSubTableToggler components. + You can customize expanding and collapsing sub-tables in several ways: <ul> - <li>subTable's could be collapsed/expanded in different modes - defined via subTable expandMode attribute - "client", "ajax" - and "server"</li> - <li>The developer could get control on current states of - subTables using its expanded attribute.</li> + <li>Sub-tables can be collapsed and expanded in different modes. + Use the rich:collapsibleSubTable component's expandMode attribute + to specify client, ajax or server mode.</li> + <li>You can control the current state of + sub-tables by using the expanded attribute.</li> </ul> <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml">

13 years, 3 months

1
0
0 / 0

JBoss Rich Faces SVN: r22234 - in branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces: panelMenu and 1 other directories.

by richfaces-svn-commits＠lists.jboss.org

Author: SeanRogers Date: 2011-03-15 18:28:06 -0400 (Tue, 15 Mar 2011) New Revision: 22234 Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dropDownMenu/sideMenu.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dropDownMenu/topMenu.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/panelMenu/panelMenu.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/toolBar/toolBar.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/toolBar/toolBarIcons.xhtml Log: Moving menu showcase updates to 4.0.x branch: RFPL-1218 Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dropDownMenu/sideMenu.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dropDownMenu/sideMenu.xhtml 2011-03-15 22:25:50 UTC (rev 22233) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dropDownMenu/sideMenu.xhtml 2011-03-15 22:28:06 UTC (rev 22234) @@ -5,8 +5,8 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - Instead of grouping menus in toolbar - you can just place a - block of them horizontally or vertiсally how it is shown below. + Instead of grouping menus in a toolbar, you can place a + block of them horizontally or vertiсally, as shown below. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -14,10 +14,12 @@ <ui:param name="openLabel" value="View Source" /> <ui:param name="hideLabel" value="Hide Source" /> </ui:include> +  </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dropDownMenu/topMenu.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dropDownMenu/topMenu.xhtml 2011-03-15 22:25:50 UTC (rev 22233) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dropDownMenu/topMenu.xhtml 2011-03-15 22:28:06 UTC (rev 22234) @@ -5,9 +5,9 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - rich:dropDownMenu is a component that allows to organize - the hierarchical menu similar to one that almost every desktop - application has. + The rich:dropDownMenu component provides + hierarchical menu systems similar to those found in many desktop + applications. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -15,19 +15,21 @@ <ui:param name="openLabel" value="View Source" /> <ui:param name="hideLabel" value="Hide Source" /> </ui:include> - The drop-down menu has a label that always appears on the page - and invisible panel that appears with a particular client side event (mouseover, - click etc). The event is defined with an showEvent attribute. - Drop-down menu can contains a set of menuItem's, menuGroup's and - menuSeparator's. Group plays a role of label for secondary levels on - the menu. Separator is represented with horizontal lines between the - items or groups. An item is an active element that might produce Ajax + The drop-down menu has a label that always appears on the page, + and an invisible panel that appears after a set client-side event. + Use the showEvent attribute to define the event, such as mouseover + or click. + Drop-down menus can contain a set of rich:menuItem components, + rich:menuGroup components, and + rich:menuSeparator components. Menu groups are used for secondary levels on + the menu. Menu separators are represented with horizontal lines between + items or groups. Menu items are active elements that might produce Ajax or non-Ajax requests. The submission mode is defined with mode - attribute of the menu that has three possible options - "server", - "ajax" or "client". Mode "client" does not produce - any request, but allows you to provide your own functionality inside - the menu item with an inline content. Mode could be overriden for - concrete item + attribute, which has three possible options: server, + ajax, or client. The client mode does not submit + a request, but allows you to provide your own functionality inside + the menu item with any in-line content. The mode attribute can be over-ridden in + child items. </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/panelMenu/panelMenu.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/panelMenu/panelMenu.xhtml 2011-03-15 22:25:50 UTC (rev 22233) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/panelMenu/panelMenu.xhtml 2011-03-15 22:28:06 UTC (rev 22234) @@ -5,10 +5,11 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - The rich:panelMenu component is used to define a - collapsible side-menu panel. The component has a pre-defined skinable - look-n-feel. You can customize it with styles and a set of component - attributes. The folowing demo shows the example of rich:panelMenu + The rich:panelMenu component is used to create a + collapsible side-menu panel. The component has a pre-defined + look and feel which can be skinned. You can customize it with styles and + a set of component + attributes. This example demonstrates basic use of the rich:panelMenu component. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> @@ -17,27 +18,28 @@ <ui:param name="openLabel" value="View Source" /> <ui:param name="hideLabel" value="Hide Source" /> </ui:include> - That menu uses parent component itemChangeListener to - output current selection but you could use action/actionListener - pair at panelMenuItem's as usually to perform navigation and - process ActionEvent from them - Switching mode could be chosen with the itemMode - attribute for all panelMenu items except ones where this attribute was - redefined. - The groupMode attribute defines the submission modes for - all collapsing/expanding panelMenu groups except ones where this - attribute was redefined. - The itemMode and groupMode attributes could be - used with three possible parameters: + + The menu uses the parent component itemChangeListener to + output the current selection. Alternatively, you could use an action and actionListener + pair at each rich:panelMenuItem component to perform the navigation and + process any ActionEvent events from there. + Specify the item switching mode at the rich:panelMenu level with the itemMode + attribute. The attribute can be redefined on child rich:panelMenuItem components, + and is used instead of the global setting. + Specify the group switching mode at the rich:panelMenu level with the groupMode + attribute. The attribute can be redefined on child rich:panelMenuGroup components, + and is used instead of the global setting. + The itemMode and groupMode attributes can be set + to three possible values: <ul> - <li>server (default) - The common submission of the form - is performed and a page is completely refreshed.</li> - <li>ajax - An Ajax form submission is performed, and - additionally specified elements in the "reRender" attribute are - reRendered</li> - <li>client Items don't fire any submits itself. Behavior - is completely defined by the components nested to items. Groups expand + <li>server (default): A common submission of the form + is performed and the page is completely refreshed.</li> + <li>ajax: An Ajax form submission is performed. + Additionally, elements specified in the render attribute are + rendered</li> + <li>client: No form submission is performed. The behavior + is completely defined by the components nested in the menu items. Groups expand on the client side.</li> </ul> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/toolBar/toolBar.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/toolBar/toolBar.xhtml 2011-03-15 22:25:50 UTC (rev 22233) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/toolBar/toolBar.xhtml 2011-03-15 22:28:06 UTC (rev 22234) @@ -5,17 +5,16 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - Toolbar is a horizontal-oriented panel that can be used in - different ways: for top level menu, for information panel and so on. To - create top level menu - just use dropDownMenu or menuItem's as child + The rich:toolbar component is a horizontal panel that can be used in + a number of ways, such as a top level menu, an information panel, and so on. To + create a top level menu, use the rich:dropDownMenu or rich:menuItem components as child components. - Items on the toolbar can be grouped with ability to define a - separator between different groups and between a member of the same - group. The "location" attribute set to "right" put a group to the right - side of the panel. + Items on the toolbar can be grouped using a + separator between different groups and between members of the same + group. Use the location="right" to position a group to the right-side + of the panel. - The following example shows how the simple toolbar might look - like: + The example shows how a simple toolbar might be used. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> @@ -26,4 +25,4 @@ </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/toolBar/toolBarIcons.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/toolBar/toolBarIcons.xhtml 2011-03-15 22:25:50 UTC (rev 22233) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/toolBar/toolBarIcons.xhtml 2011-03-15 22:28:06 UTC (rev 22234) @@ -5,7 +5,7 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - There you could check how the default separators could be used: + This example demonstrates how the default separators are used. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> @@ -14,7 +14,7 @@ <ui:param name="openLabel" value="View Source" /> <ui:param name="hideLabel" value="Hide Source" /> </ui:include> - Separators could be customized using URI to custom icons in - itemSeparator attribute + The appearance of the separators can be customized using URI with the + itemSeparator attribute. </ui:composition> -</html> \ No newline at end of file +</html>

13 years, 3 months

1
0
0 / 0

JBoss Rich Faces SVN: r22233 - branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dragDrop.

by richfaces-svn-commits＠lists.jboss.org

Author: SeanRogers Date: 2011-03-15 18:25:50 -0400 (Tue, 15 Mar 2011) New Revision: 22233 Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dragDrop/dragDrop.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dragDrop/dragIndicator.xhtml Log: Moving drag and drop showcase updates to 4.0.x branch: RFPL-1220 Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dragDrop/dragDrop.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dragDrop/dragDrop.xhtml 2011-03-15 22:24:52 UTC (rev 22232) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dragDrop/dragDrop.xhtml 2011-03-15 22:25:50 UTC (rev 22233) @@ -6,13 +6,14 @@ <ui:composition> The Richfaces Drag-n-Drop component suite includes three - components: dragSource, dropTarget and dragIndicator. + components: rich:dragSource, rich:dropTarget, and rich:dragIndicator. - That demo shows most important feature of the RichFaces drag and - drop mechanism. You could mark several different components as - 'draggable' and define different drag type's for them via - attribute. Then you could add corresponding drop zones and use acceptType's - attributes to define which drop zone will process corresponding dragged + This example demonstrates the basic features of the RichFaces drag and + drop mechanism. You can mark several different components as + 'draggable' with the rich:dragSource component and define drag + types with the type attribute. Then, add corresponding drop zones + with the rich:dropTarget and use the acceptType + attribute to define which drop zone corresponds to the dragged elements. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> @@ -23,38 +24,45 @@ <ui:param name="hideLabel" value="Hide Source" /> </ui:include> - rich:dragSource is used to point to the JSF component - that becomes draggable. If you want to add a draggable feature to the - existing component, attach dragSupport as a child component to it. + The rich:dragSource component defines the JSF component + that becomes draggable. If you want to add a draggable feature to an + existing component, attach rich:dragSupport as a child component. - rich:dropSupport is similar to the dragSupport, but it's - used to define the drog zone. dropSupport has a built-in Ajax support. - I.e. it allows to send an Ajax request and re-render the specified area - on a page when the Ajax response is returned back. With the dropListener + The rich:dropTarget component is + used to define the drop zone. The rich:dropTarget component has a built-in + Ajax support: it can send an Ajax request and render the specified area + on a page when the Ajax response is returned. +  + - rich:dragIndicator is a special visual representation of - a dragged object. By default if the component not defined we create a - copy of dragged elements. But the markup could be redefined by defining - the markup of the indicator using nested components. - <fieldset><legend>Note:</legend> That sample shows simple - usage without indicator defined. We just using predefined CSS classes - to customize look for different states.</fieldset> - Note: The parent component for dragSupport and dropSupport - should be designed to render its children and has two attribute - "onmouseover" and "onmouseout". You can use <a4j:outputPanel> as - a container if the component is not satisfy this requirements. Use - <a4j:outputPanel> layout="block" to wrap the component with a - block type layout. + The rich:dragIndicator is a visual representation of + a dragged object. The markup can be defined + the markup of the indicator using nested components. By default, if the + component is not defined a + copy of the dragged elements are created. + + <fieldset><legend>Note:</legend> This example shows basic + usage without an indicator defined. We are just using predefined CSS classes + to customize the appearance for different states.</fieldset> + + Note that the parent component for the rich:dragSource and rich:dropTarget + components should be designed to render its children, and should have the + mouseover and mouseout event attributes. You can use a4j:outputPanel as + a container if the component does not satisfy these requirements. Use + <a4j:outputPanel layout="block"> to wrap the component with a + block layout. - The following example demonstrates the drag-n-drop functionality - on practice. The left list contains the examples of Ajax frameworks. Do - you know them? The demo helps you to sort them out. Drag one and drag - over the headers of three panels. If the draggable framework is + The following example demonstrates the drag-and-drop functionality + in practice. The left list contains the examples of Ajax frameworks. Do + you know them? The demonstration helps you to sort them out. Drag an item + over the headers of the other three panels. If the draggable framework is suitable for a certain framework family, it will be accepted and moved - from source panel to the target list. + from the source list to the target list. </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dragDrop/dragIndicator.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dragDrop/dragIndicator.xhtml 2011-03-15 22:24:52 UTC (rev 22232) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/dragDrop/dragIndicator.xhtml 2011-03-15 22:25:50 UTC (rev 22233) @@ -5,10 +5,11 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - This sample uses the same code but also there is custom - indicator defined. That custom indicator uses styling attributes for look customization. - However it's still possible to use the same predefined classes as for - previous sample.' + This sample uses the same code as the basic example, but additionally defines a custom + indicator using the rich:dragIndicator component. The custom indicator uses + styling attributes for a customized appearance. + It is still possible to use the same predefined classes as for the + previous sample. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -17,4 +18,4 @@ <ui:param name="hideLabel" value="Hide Source" /> </ui:include> </ui:composition> -</html> \ No newline at end of file +</html>

13 years, 3 months

1
0
0 / 0

JBoss Rich Faces SVN: r22232 - in branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces: mediaOutput and 6 other directories.

by richfaces-svn-commits＠lists.jboss.org

Author: SeanRogers Date: 2011-03-15 18:24:52 -0400 (Tue, 15 Mar 2011) New Revision: 22232 Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/log/log.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/imgUsage.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/compositemessages.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/samples/compositemessages-sample.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/simple.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/region/region.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/region/samples/region-sample.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/referencedusage.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/simple-sample.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/viewusage-sample.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/simple.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/viewusage.xhtml Log: Moving Ajax output/containers showcase updates to 4.0.x branch: RFPL-1213 Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/log/log.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/log/log.xhtml 2011-03-15 22:10:46 UTC (rev 22231) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/log/log.xhtml 2011-03-15 22:24:52 UTC (rev 22232) @@ -5,9 +5,9 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - Log component allows you to inspect client side activities - during an Ajax request. It shows reuqest data, response data, DOM tree - changes on update and other useful debug information. + The a4j:log component allows you to inspect client-side activities + during an Ajax request. It shows request data, response data, the DOM tree + changes on an update, and other useful debug information. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -17,4 +17,4 @@ </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/imgUsage.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/imgUsage.xhtml 2011-03-15 22:10:46 UTC (rev 22231) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/mediaOutput/imgUsage.xhtml 2011-03-15 22:24:52 UTC (rev 22232) @@ -5,28 +5,28 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - a4j:mediaOutput allows to generate images, video, sounds and - other binary resources defined by a user on-the-fly. - createContent attribute references to the method that - will be used for content creating. The method accepts two parameters. - The first parameter has an OutputStream type. It is a reference - to the steam that should be used for output. The second parameter is a - reference to a 'value' attribute of the component. - value attribute references to data that can be used as - input data for a content creator method. The data should be - serializable because it is encoded to the URL of the resource. - mimeType attribute defines the type of output content. It - is used to define the corresponded type in the header of an HTTP + The a4j:mediaOutput component allows images, video, sounds, and + other binary resources to be displayed as defined by a user on the fly. + The createContent attribute references the method that + is used for creating content. The method accepts two parameters: + <ul><li>The OutputStream parameter is a reference + to the stream that is used for output.</li> + <li>The second parameter is a reference to the value attribute + of the component.</li></ul> + The value attribute references data that can be used as + input data for the content creator method. The data should be + serializable since it is encoded as the URL of the resource. + The mimeType attribute defines the type of output content. It + is used to define the corresponding type in the header of an HTTP response. - cacheable attribute is a flag that defines the caching - strategy. If 'cacheable' is set to false, the response will not be - cached. If it is set to true, it will be cached and the serialized - value of 'value' attribute plays the role of a cache key. + The cacheable attribute is a flag that defines the caching + strategy. If cacheable is set to false, the response will not be + cached. If set to true, it will be cached and the serialized + value of the value attribute is used as a cache key. - As Google Application Engine restricts AWT classes usage - in - this sample we reading existent image and performing just re-indexing of the - palette using colors you selected below. So try to change the color and - click process. + As the Google Application Engine restricts AWT class usage, + this example reads the existing image and only performs re-indexing of the + palette using colors you selected below. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -36,4 +36,4 @@ </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/compositemessages.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/compositemessages.xhtml 2011-03-15 22:10:46 UTC (rev 22231) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/compositemessages.xhtml 2011-03-15 22:24:52 UTC (rev 22232) @@ -5,9 +5,9 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - Next sample shows how you could simply create composite - component from standard h:messages and a4j:outputPanel in order to get - them updated for any ajax request without render definition. + This sample shows how you could simply create a composite + component using standard h:messages and a4j:outputPanel components. + The composite component is updated for any Ajax request without render definition. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -23,4 +23,4 @@ </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/samples/compositemessages-sample.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/samples/compositemessages-sample.xhtml 2011-03-15 22:10:46 UTC (rev 22231) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/samples/compositemessages-sample.xhtml 2011-03-15 22:24:52 UTC (rev 22232) @@ -7,7 +7,7 @@ xmlns:rich="http://richfaces.org/rich" xmlns:r="http://java.sun.com/jsf/composite/org.richfaces.showcase"> <h:form> - <rich:panel id="psnel"> + <rich:panel id="panel"> <f:facet name="header"> <h:outputText value="User Details Panel" /> </f:facet> @@ -17,8 +17,8 @@ <h:inputText value="#{userBean.name}" required="true" label="Name"> <f:validateLength minimum="3" maximum="12" /> </h:inputText> - <h:outputText value="Adress:" /> - <h:inputTextarea value="#{userBean.address}" label="Adress" + <h:outputText value="Address:" /> + <h:inputTextarea value="#{userBean.address}" label="Address" required="true"> <f:validateLength maximum="100" /> </h:inputTextarea> @@ -33,4 +33,4 @@ </a4j:outputPanel> </rich:panel> </h:form> -</ui:composition> \ No newline at end of file +</ui:composition> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/simple.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/simple.xhtml 2011-03-15 22:10:46 UTC (rev 22231) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/outputPanel/simple.xhtml 2011-03-15 22:24:52 UTC (rev 22232) @@ -6,24 +6,22 @@ <ui:composition> - a4j:outputPanel component designed to provide next - features: + The a4j:outputPanel component provides the following + features: <ul> - <li>Automaticall updates of the child content on Ajax + <li>Automatic updating of any child content during Ajax requests</li> - <li>Wrapper component for conditional rendering of nested - elements via Ajax</li> - <li>Configurable layouts: + <li>A wrapper component for conditional rendering of nested + elements through Ajax</li> + <li>Configurable layouts: <ul> - <li>inline - rendered as span element</li> - <li>block - rendered as div element</li> - <li>none - special layout for nested components confitional - rendering cases</li> + <li>inline, rendered as a span element.</li> + <li>block, rendered as div element.</li> + <li>none, special layout for nested components with conditional + rendering cases.</li> </ul> </li> - <li></li> </ul> - <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -33,4 +31,4 @@ </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/region/region.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/region/region.xhtml 2011-03-15 22:10:46 UTC (rev 22231) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/region/region.xhtml 2011-03-15 22:24:52 UTC (rev 22232) @@ -4,27 +4,23 @@ xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets"> -<ui:composition> - a4j:region component designed for marking zones which - should be processed during Ajax requests without using execute - definitions at Ajax behaviors/components. This allow to decouple the - processing definitions from components id's and use declarative - wrapping by this tag instead. - In RichFaces 3.3 all the view was processed if no regions - specified as ViewRoot itself was region by default. And in RichFaces - 4.x - all the controls except some specific ones(e.g. - a4j:command* normally used to submit whole form so has @form by default) - has execute="@this" by default according to JSF 2 - specifications. But if the controls wrapped with a4j:region - component and has no explicit execute definitions - them uses - execute="@region" - Look to the simple example below. There are two similar user - info panels. But the button with <a4j:ajax/> inside - the first panel will not works as not uses execute declarations and by - default execute equals to @this. Separate definition needed to start - working properly. And the second panel with the same button and - inputs just wrapped to region and works without any additional execute - definitions. +<ui:composition> + The a4j:region component is used to mark zones which + should be processed during Ajax requests without using execute + definitions for Ajax behaviors or components. This allows the + processing definitions and component identifiers to be decoupled, + and declarative wrapping with the a4j:region tag is used instead. + In RichFaces 3.3, the whole view was processed if no regions were + specified, as ViewRoot itself was the region by default. In RichFaces + 4.x, all the controls have execute="@this" by default according + to JSF 2 specifications. However, if the controls wrapped with the + a4j:region tag and have no execute definitions, they use + execute="@region" instead. + The example below contains two similar user + info panels. The button inside the first panel will not work, as it does not use execute + declarations; by default it uses execute="@this". A separate definition is needed + to make the button work properly. The second panel inputs + are wrapped in a region with the commandButton, and input works without any additional execute definitions. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -32,8 +28,5 @@ <ui:param name="openLabel" value="View Source" /> <ui:param name="hideLabel" value="Hide Source" /> </ui:include> - Again, as it was mentioned if you will use - <a4j:commandButton> both panels will start to work properly as - command controls has specific execute = @form by default. </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/region/samples/region-sample.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/region/samples/region-sample.xhtml 2011-03-15 22:10:46 UTC (rev 22231) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/region/samples/region-sample.xhtml 2011-03-15 22:24:52 UTC (rev 22232) @@ -10,7 +10,7 @@ <h:panelGrid columns="2"> <h:panelGrid> <f:facet name="header"> - User Info Panel explicitly execute'd by Id + User Info Panel explicitly executed by identifier </f:facet> <h:panelGrid columns="2" id="userInfoPanel1"> <h:outputText value="User Name: " /> @@ -18,9 +18,7 @@ <h:outputText value="User email: " /> <h:inputText value="#{regionBean.user1.email}"/> </h:panelGrid> - <h:commandButton value="submit"> - <a4j:ajax render="echopanel1"/> - </h:commandButton> + <a4j:commandButton render="echopanel1" value="submit"/> </h:panelGrid> <h:panelGrid columns="2" id="echopanel1"> <f:facet name="header"> @@ -46,9 +44,7 @@ <h:outputText value="User email: " /> <h:inputText value="#{regionBean.user2.email}"/> </h:panelGrid> - <h:commandButton render="echopanel2" value="submit"> - <a4j:ajax render="echopanel2"/> - </h:commandButton> + <a4j:commandButton render="echopanel2" value="submit"/> </a4j:region> </h:panelGrid> <h:panelGrid columns="2" id="echopanel2"> @@ -64,4 +60,4 @@ </h:form> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/referencedusage.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/referencedusage.xhtml 2011-03-15 22:10:46 UTC (rev 22231) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/referencedusage.xhtml 2011-03-15 22:24:52 UTC (rev 22232) @@ -4,11 +4,11 @@ xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - Example of status which referenced from the components - There are two inputs with Ajax behaviors attached. And there are - two statuses which are referenced from that behaviors. status - attribute at Ajax tags defined with corresponding statuses name - attributes values. + This example shows the a4j:status component referenced from other components. + The two inputs have attached Ajax behaviors. Two a4j:status components + are referenced from those behaviors. The status + attribute for the Ajax tags defines the name + attribute of the corresponding a4j:status components. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> @@ -18,4 +18,4 @@ <ui:param name="hideLabel" value="Hide Source" /> </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/simple-sample.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/simple-sample.xhtml 2011-03-15 22:10:46 UTC (rev 22231) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/simple-sample.xhtml 2011-03-15 22:24:52 UTC (rev 22232) @@ -6,7 +6,7 @@ xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> <h:form> - <rich:panel id="psnel"> + <rich:panel id="panel"> <f:facet name="header"> <h:outputText value="Panel with status" /> </f:facet> @@ -15,7 +15,7 @@ <a4j:ajax event="keyup"> <h:outputText value="User name:" /> <h:inputText value="#{userBean.name}" /> - <h:outputText value="Adress:" /> + <h:outputText value="Address:" /> <h:inputText value="#{userBean.address}" /> </a4j:ajax> </h:panelGrid> @@ -30,4 +30,4 @@ <h:outputText value="#{userBean.recordStatus}" id="out" /> </rich:panel> </h:form> -</ui:composition> \ No newline at end of file +</ui:composition> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/viewusage-sample.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/viewusage-sample.xhtml 2011-03-15 22:10:46 UTC (rev 22231) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/samples/viewusage-sample.xhtml 2011-03-15 22:24:52 UTC (rev 22232) @@ -7,7 +7,7 @@ xmlns:rich="http://richfaces.org/rich"> <h:panelGrid columns="3"> <h:form> - <rich:panel id="psnel"> + <rich:panel id="panel"> <f:facet name="header"> <h:outputText value="User Details Panel" /> </f:facet> @@ -15,7 +15,7 @@ <a4j:ajax event="keyup"> <h:outputText value="User name:" /> <h:inputText value="#{userBean.name}" /> - <h:outputText value="Adress:" /> + <h:outputText value="Address:" /> <h:inputText value="#{userBean.address}" /> </a4j:ajax> </h:panelGrid> @@ -41,4 +41,4 @@ </f:facet> </a4j:status> </h:panelGrid> -</ui:composition> \ No newline at end of file +</ui:composition> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/simple.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/simple.xhtml 2011-03-15 22:10:46 UTC (rev 22231) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/simple.xhtml 2011-03-15 22:24:52 UTC (rev 22232) @@ -5,8 +5,8 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - Example of form scoped status. It's defined within a form and - handles all Ajax requests within this form + This example demonstrates a form-scoped a4j:status component. The component is defined within a form, and + it handles all Ajax requests within the form. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -16,4 +16,4 @@ </ui:include> </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/viewusage.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/viewusage.xhtml 2011-03-15 22:10:46 UTC (rev 22231) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/status/viewusage.xhtml 2011-03-15 22:24:52 UTC (rev 22232) @@ -5,19 +5,20 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - a4j:status is an indicator of an Ajax request. It has two states - - start and stop. The start state indicates that an Ajax request is in - progress. When Ajax Response comes back, the component switches to the - stop stage. - Status could be defined: + The a4j:status component is an indicator of an Ajax request. + It has two states: start and stop. + The start state indicates that an Ajax request is in progress. + When an Ajax Response is returned, the component switches to the + stop state. + The a4j:status component could be defined as follows: <ul> - <li>Default for View</li> - <li>Default for form</li> - <li>Referenced explicity from the component which sends request</li> + <li>As the default for a view.</li> + <li>As the default for a form.</li> + <li>Referenced explicity from the component sending the request.</li> </ul> - Example of View scoped status. It should be defined outside of - any form and will handle all the Ajax requests within the view. + This example shows a view-scoped a4j:status component. It should be defined outside of + any forms, and will handle all the Ajax requests within the view. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -26,4 +27,4 @@ <ui:param name="hideLabel" value="Hide Source" /> </ui:include> </ui:composition> -</html> \ No newline at end of file +</html>

13 years, 3 months

1
0
0 / 0

JBoss Rich Faces SVN: r22231 - in branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces: treeAdaptors and 1 other directory.

by richfaces-svn-commits＠lists.jboss.org

Author: SeanRogers Date: 2011-03-15 18:10:46 -0400 (Tue, 15 Mar 2011) New Revision: 22231 Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/tree/tree.xhtml branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/treeAdaptors/treeModelRecursiveAdaptor.xhtml Log: Moving tree showcase updates to 4.0.x branch Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/tree/tree.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/tree/tree.xhtml 2011-03-15 21:41:44 UTC (rev 22230) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/tree/tree.xhtml 2011-03-15 22:10:46 UTC (rev 22231) @@ -5,17 +5,17 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - rich:tree is a component that renders a tree control on - the page. The most important tree features are: + The rich:tree component renders a tree control on + the page. The most important tree features include the following: <ul> <li>Native support for Ajax operations</li> - <li>Support for "ajax", "client" and "server" switch types</li> + <li>Support for ajax, client, and server switch types</li> <li>Selection capabilities</li> - <li>Flexible look</li> + <li>Flexible look and feel</li> </ul> - This demo also provides simple selection handling sample. When - you will select some node its name will be shown. And when you will - select a leaf - full CD details will be populated. + This demonstration also includes a simple selection-handling example. When + you select a node, its name is shown. When you + select a leaf, the full album details will be populated. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -56,4 +56,4 @@ </ui:composition> -</html> \ No newline at end of file +</html> Modified: branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/treeAdaptors/treeModelRecursiveAdaptor.xhtml =================================================================== --- branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/treeAdaptors/treeModelRecursiveAdaptor.xhtml 2011-03-15 21:41:44 UTC (rev 22230) +++ branches/4.0.X/examples/richfaces-showcase/src/main/webapp/richfaces/treeAdaptors/treeModelRecursiveAdaptor.xhtml 2011-03-15 22:10:46 UTC (rev 22231) @@ -5,7 +5,9 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - DESC + The rich:treeModelRecursiveAdaptor component allows a tree to + be populated with a recursive heirarchical model. It is used together with + rich:tree and rich:treeNode components. <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" /> @@ -15,4 +17,4 @@ </ui:include> </ui:composition> -</html> \ No newline at end of file +</html>

13 years, 3 months

1
0
0 / 0

2024

2023

2022

2021

2020

2019

2018

2017

2016

2015

2014

2013

2012

2011

2010

2009

2008

2007

richfaces-svn-commits March 2011