From richfaces-svn-commits at lists.jboss.org Fri Sep 25 12:03:42 2009 Content-Type: multipart/mixed; boundary="===============4462081431453164170==" MIME-Version: 1.0 From: richfaces-svn-commits at lists.jboss.org To: richfaces-svn-commits at lists.jboss.org Subject: [richfaces-svn-commits] JBoss Rich Faces SVN: r15669 - branches/community/3.3.X/docs/userguide/en/src/main/docbook/included. Date: Fri, 25 Sep 2009 12:03:42 -0400 Message-ID: <200909251603.n8PG3gVG013883@svn01.web.mwc.hst.phx2.redhat.com> --===============4462081431453164170== Content-Type: text/plain; charset="utf-8" MIME-Version: 1.0 Content-Transfer-Encoding: quoted-printable Author: ochikvina Date: 2009-09-25 12:03:41 -0400 (Fri, 25 Sep 2009) New Revision: 15669 Modified: branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/ric= h_dataFilterSlider.xml branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/ric= h_datascroller.xml Log: https://jira.jboss.org/jira/browse/RF-7913 - the component is reviewed and = updated, the tables of style classes are restructured; Modified: branches/community/3.3.X/docs/userguide/en/src/main/docbook/inclu= ded/rich_dataFilterSlider.xml =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D --- branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/ri= ch_dataFilterSlider.xml 2009-09-25 15:18:05 UTC (rev 15668) +++ branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/ri= ch_dataFilterSlider.xml 2009-09-25 16:03:41 UTC (rev 15669) @@ -56,7 +56,7 @@ Details of Usage The dataFilterSlider - component is bound to some UIData component using a <= emphasis> + component is bound to some UIData component using the= "for" attribute and filters data in a table. @@ -136,7 +136,7 @@ component-type - org.richfaces.dataFilterSlider + org.richfaces.DataFilterSlider component-class @@ -157,6 +157,82 @@ + = + + Style classes (selectors) with the corresponding skin paramete= rs + + + + Class (selector) name + Description + Skin Parameters + CSS properties mapped + = + + + + + .range, .rich-dataFilterSlider-range + Define styles for the component range + subBorderColor, panelBorderColor + border-color + + = + + .slider-input-field, .rich-dataFilterSlider-= input-field + Define styles for the component input field<= /entry> + controlBackgroundColor + background-color + + + generalFamilyFont + font-family + + + generalSizeFont + font-size + + + controlTextColor + color + + + panelBorderColor + border-color + + + subBorderColor + border-bottom-color, border-right-color + + + +
+ + Style classes (selectors) without skin parameters + + + + Class name + Description + + + + + .trailer, .rich-dataFilterSlider-trailer + Define styles for the component trailer + + = + + .track, .rich-dataFilterSlider-track + Define styles for the component track + + + +
+ = + You can find all necessary information about style classes redef= inition in = + Definition of Custom Style Classes = + section.
Relevant Resources Links Modified: branches/community/3.3.X/docs/userguide/en/src/main/docbook/inclu= ded/rich_datascroller.xml =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D --- branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/ri= ch_datascroller.xml 2009-09-25 15:18:05 UTC (rev 15668) +++ branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/ri= ch_datascroller.xml 2009-09-25 16:03:41 UTC (rev 15669) @@ -60,7 +60,7 @@ <rich:dataTable> current model. - The component should be placed into footer of th= e parent table or be bound + The component should be placed into the footer o= f the parent table or be bound to it with the "for" attribute. Note, that @@ -108,16 +108,16 @@ Example: - ... -<rich:datascroller for=3D"table" maxPages=3D"10"> - <f:facet name=3D"first"> - <h:outputText value=3D"First"/> - </f:facet> - <f:facet name=3D"last"> - <h:outputText value=3D"Last"/> - </f:facet> -</rich:datascroller> -... + + + + + + + + +...]]>
<emphasis role=3D"bold"> @@ -147,46 +147,46 @@ <para> The <emphasis> <property>"page"</property> </emphasis> is a value-binding attribute use= d to define and save - current page number. The example is placed b= elow. </para> + the current page number. The example is place= d below. </para> <para> <emphasis role=3D"bold">Example:</emphasis> </para> - <programlisting role=3D"XML">... -<h:form id=3D"myForm"> - <rich:dataTable id=3D"carList" rows=3D"7" value=3D"#{dataTableScroller= Bean.allCars}" var=3D"category"> - <f:facet name=3D"header"> - <rich:columnGroup> - <h:column> - <h:outputText value=3D"Make" /> - </h:column> - <h:column> - <h:outputText value=3D"Model" /> - </h:column> - <h:column> - <h:outputText value=3D"Price" /> - </h:column> - </rich:columnGroup> - </f:facet> - <h:column> - <h:outputText value=3D"#{category.make}" /> - </h:column> - <h:column> - <h:outputText value=3D"#{category.model}" /> - </h:column> - <h:column> - <h:outputText value=3D"#{category.price}" /> - </h:column> - </rich:dataTable> - <rich:datascroller id=3D"sc2" for=3D"carList" reRender=3D"sc1" maxPage= s=3D"7" page=3D"#{dataTableScrollerBean.scrollerPage}" /> - <h:panelGrid> - <h:panelGroup> - <h:outputText value=3D"Set current page number:" /> - <h:inputText value=3D"#{dataTableScrollerBean.scrollerPage}" id=3D"s= c1" size=3D"1"/> - <h:commandButton value=3D"Set" /> - </h:panelGroup> - </h:panelGrid> -</h:form> -...</programlisting> + <programlisting role=3D"XML"><![CDATA[... +<h:form id=3D"myForm"> + <rich:dataTable id=3D"carList" rows=3D"7" value=3D"#{dataTableScrollerBea= n.allCars}" var=3D"category"> + <f:facet name=3D"header"> + <rich:columnGroup> + <h:column> + <h:outputText value=3D"Make" /> + </h:column> + <h:column> + <h:outputText value=3D"Model" /> + </h:column> + <h:column> + <h:outputText value=3D"Price" /> + </h:column> + </rich:columnGroup> + </f:facet> + <h:column> + <h:outputText value=3D"#{category.make}" /> + </h:column> + <h:column> + <h:outputText value=3D"#{category.model}" /> + </h:column> + <h:column> + <h:outputText value=3D"#{category.price}" /> + </h:column> + </rich:dataTable> + <rich:datascroller id=3D"sc2" for=3D"carList" reRender=3D"sc1" maxPages= =3D"7" page=3D"#{dataTableScrollerBean.scrollerPage}" /> + <h:panelGrid> + <h:panelGroup> + <h:outputText value=3D"Set current page number:" /> + <h:inputText value=3D"#{dataTableScrollerBean.scrollerPage}" id=3D"sc1"= size=3D"1"/> + <h:commandButton value=3D"Set" /> + </h:panelGroup> + </h:panelGrid> +</h:form> +...]]></programlisting> = <para> In the example above you can enter the page num= ber you want and set it by clicking on the <emphasis role=3D"bold"> @@ -232,32 +232,31 @@ <para> <emphasis role=3D"bold">Example:</emphasis> </para> - <programlisting role=3D"XML">... -<h:form> - <rich:dataTable value=3D"#{capitalsBean.capitals}" var=3D"cap" rows=3D= "5"> - <rich:column> - <h:outputText value=3D"#{cap.name}" /> - </rich:column> - <f:facet name=3D"footer"> - <rich:datascroller pageIndexVar=3D"pageIndex" pagesVar=3D"pages"> - <f:facet name=3D"pages"> - <h:outputText value=3D"#{pageIndex} / #{pages}" /> - </f:facet> - </rich:datascroller> - </f:facet> - </rich:dataTable> -</h:form> -... -</programlisting> + <programlisting role=3D"XML"><![CDATA[... +<h:form> + <rich:dataTable value=3D"#{capitalsBean.capitals}" var=3D"cap" rows=3D"5"> + <rich:column> + <h:outputText value=3D"#{cap.name}" /> + </rich:column> + <f:facet name=3D"footer"> + <rich:datascroller pageIndexVar=3D"pageIndex" pagesVar=3D"pages"> + <f:facet name=3D"pages"> + <h:outputText value=3D"#{pageIndex} / #{pages}" /> + </f:facet> + </rich:datascroller> + </f:facet> + </rich:dataTable> +</h:form> +...]]></programlisting> <para> It's possible to insert optional separators bet= ween controls. For this purpose use a <emphasis> <property>"controlsSeparator"</pro= perty> </emphasis> facet. An example is placed belo= w. </para> - <programlisting role=3D"XML"> ... -<f:facet name=3D"controlsSeparator"> - <h:graphicImage value=3D"/image/sep.png"/> -</f:facet> -...</programlisting> + <programlisting role=3D"XML"><![CDATA[ ... +<f:facet name=3D"controlsSeparator"> + <h:graphicImage value=3D"/image/sep.png"/> +</f:facet> +...]]></programlisting> <para> Starting from 3.2.1 of RichFaces multiple <emph= asis role=3D"bold"> <property><rich:datascroller>= ;</property> </emphasis> instances behavior and page bind= ings are corrected. @@ -452,74 +451,140 @@ </tbody> </tgroup> </table> - <table id=3D"tab_cn2"> - <title>Classes names that define a component= appearance - - - - Class name - Description - - - - - rich-datascr - Defines styles fo= r a wrapper - <div> element of - a datascroller - - - rich-dtascroller-= table - Defines styles fo= r a wrapper - <table> element o= f a - datascroller - - - rich-datascr-butt= on - Defines styles fo= r a - button - - - - rich-datascr-ctrl= s-separator - Defines styles fo= r a separator - between buttons - - - - - - - Classes names that define a buttons a= ppearance - - - - Class name - Description - - - - - rich-datascr-act<= /entry> - Defines styles fo= r an active - button - - - rich-datascr-inac= t - Defines styles fo= r an inactive - button - - - rich-datascr-butt= on-dsbld - Defines styles fo= r a disabled - button - - - -
- You can find all necessary information about style classes redefini= tion in = + = + + Style classes (selectors) with the corresponding skin paramete= rs + + + + Class (selector) name + Description + Skin Parameters + CSS properties mapped + = + + + + + .rich-datascr-button + Defines styles for a button + additionalBackgroundColor + background-color + + + panelBorderColor + border-color + + + panelBorderColor + border-color + + + generalFamilyFont + font-family + + + generalSizeFont + font-size + + = + + .rich-datascr-ctrls-separator + Defines styles for a separator between butt= ons + additionalBackgroundColor + background-color + + + panelBorderColor + border-color + + + panelBorderColor + border-color + + + generalFamilyFont + font-family + + + generalSizeFont + font-size + + = + + .rich-datascr-button-dsbld + Defines styles for a disabled button + panelBorderColor + color + + = + + .rich-datascr-act + Defines styles for an active button + generalTextColor + border-top-color, color + + + generalFamilyFont + font-family + + + generalSizeFont + font-size + + = + + .rich-datascr-inact + Defines styles for an inactive button + headerBackgroundColor + border-top-color, color + + + generalFamilyFont + font-family + + + generalSizeFont + font-size + + = + + .rich-dtascroller-table + Defines styles for a wrapper <table> = element of a datascroller + panelBorderColor + border-color + + + tableBackgroundColor + background-color + + + +
+ = + + Style classes (selectors) without skin parameters + + + + Class name + Description + + + + + .rich-datascr + Defines styles for a wrapper + <div> element of + a datascroller + + + +
+ = + You can find all necessary information about style classes redef= inition in = Definition of Custom Style Classes = - section. + section.
Relevant Resources Links --===============4462081431453164170==--