JBoss Rich Faces SVN: r15683 - branches/community/3.3.X/docs/userguide/en/src/main/docbook/included.
by richfaces-svn-commits@lists.jboss.org
Author: ochikvina
Date: 2009-09-29 10:11:22 -0400 (Tue, 29 Sep 2009)
New Revision: 15683
Modified:
branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_extendedDataTable.xml
Log:
https://jira.jboss.org/jira/browse/RF-7913 - the component review and restructuring the tables of style classes;
Modified: branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_extendedDataTable.xml
===================================================================
--- branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_extendedDataTable.xml 2009-09-29 13:43:20 UTC (rev 15682)
+++ branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_extendedDataTable.xml 2009-09-29 14:11:22 UTC (rev 15683)
@@ -122,31 +122,31 @@
<para>Information about sorting and filtering can be found in <link linkend="sort">RichFaces Developer Guide section on sorting</link>.
</para>
<para>
- For external filtering
+ For external filtering the
<emphasis role="bold">
<property moreinfo="none"><rich:extendedDataTable></property>
</emphasis>
- component supports <emphasis>
+ component supports the <emphasis>
<property moreinfo="none">"filter"</property>
</emphasis> facet
for <emphasis role="bold">
<property moreinfo="none"><rich:column></property>
- </emphasis> component.
+ </emphasis>.
In this facet you can define your own controls for filtering which will be positioned like built-in filter controls.
- Rest of the filter scenario is the same as described <link linkend="filter">RichFaces Developer Guide section on filtering</link>.
+ Rest of the filter scenario is the same as described in the <link linkend="filter">RichFaces Developer Guide section on filtering</link>.
</para>
- <para> In the example <emphasis>
+ <para> In the example the <emphasis>
<property moreinfo="none">"selection"</property>
- </emphasis> attribute contains object with selected rows. </para>
+ </emphasis> attribute contains an object with selected rows.</para>
<note>
<title>Note:</title>
- <para> Attribute<emphasis>
- <property moreinfo="none">"height"</property>
- </emphasis>is mandatory. The default value is <emphasis>
+ <para> The <emphasis>
+ <property moreinfo="none">"height"</property>
+ </emphasis> attribute is mandatory. The default value is <emphasis>
<property moreinfo="none">"500px"</property>
</emphasis>. </para>
</note>
- <para> Menu on the right side of the column header is used to perform action:
+ <para> Menu on the right side of the column header is used to perform actions like
sorting, grouping, hiding columns. </para>
<para>This is an example:</para>
<figure float="0">
@@ -195,9 +195,9 @@
</imageobject>
</mediaobject>
</figure>
- <para> In the component <emphasis role="bold">
+ <para>The <emphasis role="bold">
<property moreinfo="none"><rich:extendedDataTable></property>
- </emphasis> columns can hidden: </para>
+ </emphasis> component columns can be hidden: </para>
<figure float="0">
<title>
<emphasis role="bold">
@@ -232,13 +232,13 @@
</imageobject>
</mediaobject>
</figure>
- --><para>
+ --><para>The
<emphasis>
<property moreinfo="none">"tableState"</property>
</emphasis> attribute can be used to bind state of the table (column
width, column position, visible, sequence, grouping...) to a
backing-bean string property, for a later used. This state can be for
- example saved to a database, and it is different form standard JSF
+ example saved to a database, and it is different from standard JSF
state saving mechanisms.</para>
<para>
<emphasis role="bold">Example:</emphasis>
@@ -313,133 +313,314 @@
</tbody>
</tgroup>
</table>
- <table id="ExtdTC">
- <title>Classes names that define a whole component appearance</title>
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Class name</entry>
- <entry>Description</entry>
- </row>
- </thead>
- <tbody>
- <row>
- <entry>rich-extdt</entry>
- <entry>Defines styles for all
- table</entry>
- </row>
- <row>
- <entry>rich-extdt-caption</entry>
- <entry>Defines styles for a
- "caption"
- facet element</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
- <table>
- <title>Classes names that define header and footer elements</title>
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Class name</entry>
- <entry>Description</entry>
- </row>
- </thead>
- <tbody>
- <row>
- <entry>rich-extdt-header</entry>
- <entry>Defines styles for a table header
- row</entry>
- </row>
- <row>
- <entry>rich-extdt-header-continue</entry>
- <entry>Defines styles for all header
- lines after the first</entry>
- </row>
- <row>
- <entry>rich-extdt-subheader</entry>
- <entry>Defines styles for a column
- header</entry>
- </row>
- <row>
- <entry>rich-extdt-footer</entry>
- <entry>Defines styles for a footer
- row</entry>
- </row>
- <row>
- <entry>rich-extdt-footer-continue</entry>
- <entry>Defines styles for all footer
- lines after the first</entry>
- </row>
- <row>
- <entry>rich-extdt-subfooter</entry>
- <entry>Defines styles for a column
- footer</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
- <table>
- <title>Classes names that define rows and cells of a table</title>
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Class name</entry>
- <entry>Description</entry>
- </row>
- </thead>
- <tbody>
- <row>
- <entry>rich-extdt-headercell</entry>
- <entry>Defines styles for a header
- cell</entry>
- </row>
- <row>
- <entry>rich-extdt-subheadercell</entry>
- <entry>Defines styles for a column
- header cell</entry>
- </row>
- <row>
- <entry>rich-extdt-cell</entry>
- <entry>Defines styles for a table
- cell</entry>
- </row>
- <row>
- <entry>rich-extdt-row</entry>
- <entry>Defines styles for a table
- row</entry>
- </row>
- <row>
- <entry>rich-extdt-firstrow</entry>
- <entry>Defines styles for a table start
- row</entry>
- </row>
- <row>
- <entry>rich-extdt-footercell</entry>
- <entry>Defines styles for a footer
- cell</entry>
- </row>
- <row>
- <entry>rich-extdt-subfootercell</entry>
- <entry>Defines styles for a column
- footer cell</entry>
- </row>
- <row>
- <entry>rich-extdt-group-cell</entry>
- <entry>Defines styles for a grouping row cell</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
- You can find all necessary information about style classes redefinition in
+
+ <table>
+ <title>Style classes (selectors) with the corresponding skin parameters</title>
+ <tgroup cols="4">
+ <thead>
+ <row>
+ <entry>Class (selector) name</entry>
+ <entry>Description</entry>
+ <entry>Skin Parameters</entry>
+ <entry>CSS properties mapped</entry>
+
+ </row>
+ </thead>
+ <tbody>
+ <row>
+ <entry>.extdt-empty-cell</entry>
+ <entry>Defines styles for empty cells of the component</entry>
+ <entry>tableBorderWidth, tableBorderColor</entry>
+ <entry>border-bottom</entry>
+ </row>
+
+ <row>
+ <entry>.extdt-table-layout</entry>
+ <entry>Defines styles for the table layout</entry>
+ <entry>tableBackgroundColor</entry>
+ <entry>background-color</entry>
+ </row>
+
+ <row>
+ <entry morerows="3">.extdt-cell</entry>
+ <entry morerows="3">Defines styles for the table cells</entry>
+ <entry>tableBorderWidth, tableBorderColor</entry>
+ <entry>border-right, border-bottom</entry>
+ </row>
+ <row>
+ <entry>generalSizeFont</entry>
+ <entry>font-size</entry>
+ </row>
+ <row>
+ <entry>generalTextColor</entry>
+ <entry>color</entry>
+ </row>
+ <row>
+ <entry>generalFamilyFont</entry>
+ <entry>font-family</entry>
+ </row>
+
+ <row>
+ <entry>.extdt-header</entry>
+ <entry>Defines styles for the header</entry>
+ <entry>headerBackgroundColor</entry>
+ <entry>background-color</entry>
+ </row>
+
+ <row>
+ <entry>.extdt-header-continue</entry>
+ <entry>Defines styles for all header lines after the first</entry>
+ <entry>headerBackgroundColor</entry>
+ <entry>background-color</entry>
+ </row>
+
+ <row>
+ <entry morerows="4">.extdt-headercell</entry>
+ <entry morerows="4">Defines styles for the header cells</entry>
+ <entry>tableBorderWidth, tableBorderColor</entry>
+ <entry>border-right, border-bottom</entry>
+ </row>
+ <row>
+ <entry>generalSizeFont</entry>
+ <entry>font-size</entry>
+ </row>
+ <row>
+ <entry>headerTextColor</entry>
+ <entry>color</entry>
+ </row>
+ <row>
+ <entry>headerWeightFont</entry>
+ <entry>font-weight</entry>
+ </row>
+ <row>
+ <entry>generalFamilyFont</entry>
+ <entry>font-family</entry>
+ </row>
+
+ <row>
+ <entry>.extdt-subheader</entry>
+ <entry>Defines styles for the subheader</entry>
+ <entry>additionalBackgroundColor</entry>
+ <entry>background-color</entry>
+ </row>
+
+ <row>
+ <entry morerows="1">.extdt-table-filterrow</entry>
+ <entry morerows="1">Defines styles for the filter row</entry>
+ <entry>additionalBackgroundColor</entry>
+ <entry>background-color</entry>
+ </row>
+ <row>
+ <entry>tableBorderWidth, tableBorderColor</entry>
+ <entry>border-top</entry>
+ </row>
+
+ <row>
+ <entry morerows="3">.extdt-subheadercell</entry>
+ <entry morerows="3">Defines styles for the subheader cells</entry>
+ <entry>tableBorderWidth, tableBorderColor</entry>
+ <entry>border-right, border-bottom</entry>
+ </row>
+ <row>
+ <entry>generalSizeFont</entry>
+ <entry>font-size</entry>
+ </row>
+ <row>
+ <entry>generalTextColor</entry>
+ <entry>color</entry>
+ </row>
+ <row>
+ <entry>generalFamilyFont</entry>
+ <entry>font-family</entry>
+ </row>
+
+ <row>
+ <entry morerows="5">.extdt-caption</entry>
+ <entry morerows="5">Defines styles for the table caption</entry>
+ <entry>tableBorderWidth, tableBorderColor</entry>
+ <entry>border-bottom</entry>
+ </row>
+ <row>
+ <entry>generalSizeFont</entry>
+ <entry>font-size</entry>
+ </row>
+ <row>
+ <entry>headerWeightFont</entry>
+ <entry>font-weight</entry>
+ </row>
+ <row>
+ <entry>generalTextColor</entry>
+ <entry>color</entry>
+ </row>
+ <row>
+ <entry>generalFamilyFont</entry>
+ <entry>font-family</entry>
+ </row>
+ <row>
+ <entry>additionalBackgroundColor</entry>
+ <entry>background-color</entry>
+ </row>
+
+ <row>
+ <entry morerows="4">.extdt-footercell</entry>
+ <entry morerows="4">Defines styles for the footer cell</entry>
+ <entry>tableBorderWidth, tableBorderColor</entry>
+ <entry>border-right, border-bottom</entry>
+ </row>
+ <row>
+ <entry>generalSizeFont</entry>
+ <entry>font-size</entry>
+ </row>
+ <row>
+ <entry>generalTextColor</entry>
+ <entry>color</entry>
+ </row>
+ <row>
+ <entry>headerWeightFont</entry>
+ <entry>font-weight</entry>
+ </row>
+ <row>
+ <entry>generalFamilyFont</entry>
+ <entry>font-family</entry>
+ </row>
+
+ <row>
+ <entry morerows="3">.extdt-subfootercell</entry>
+ <entry morerows="3">Defines styles for the subfooter cell</entry>
+ <entry>tableBorderWidth, tableBorderColor</entry>
+ <entry>border-right, border-bottom</entry>
+ </row>
+ <row>
+ <entry>generalSizeFont</entry>
+ <entry>font-size</entry>
+ </row>
+ <row>
+ <entry>generalTextColor</entry>
+ <entry>color</entry>
+ </row>
+ <row>
+ <entry>generalFamilyFont</entry>
+ <entry>font-family</entry>
+ </row>
+
+ <row>
+ <entry>.extdt-row-selected</entry>
+ <entry>Defines styles for the selected row</entry>
+ <entry>additionalBackgroundColor</entry>
+ <entry>background-color</entry>
+ </row>
+
+ <row>
+ <entry>.extdt-row-active</entry>
+ <entry>Defines styles for the active row</entry>
+ <entry>tabDisabledTextColor</entry>
+ <entry>color</entry>
+ </row>
+ </tbody>
+ </tgroup>
+ </table>
+
+ <table>
+ <title>Style classes (selectors) without skin parameters</title>
+ <tgroup cols="2">
+ <thead>
+ <row>
+ <entry>Class name</entry>
+ <entry>Description</entry>
+ </row>
+ </thead>
+ <tbody>
+ <row>
+ <entry>.rich-extdt</entry>
+ <entry>Defines styles for all table</entry>
+ </row>
+
+ <row>
+ <entry>.rich-extdt-caption</entry>
+ <entry>Defines styles for a "caption" facet element</entry>
+ </row>
+
+ <row>
+ <entry>.rich-extdt-header</entry>
+ <entry>Defines styles for a table header
+ row</entry>
+ </row>
+
+ <row>
+ <entry>.rich-extdt-header-continue</entry>
+ <entry>Defines styles for all header lines after the first</entry>
+ </row>
+
+ <row>
+ <entry>.rich-extdt-subheader</entry>
+ <entry>Defines styles for a column header</entry>
+ </row>
+
+ <row>
+ <entry>.rich-extdt-footer</entry>
+ <entry>Defines styles for a footer row</entry>
+ </row>
+
+ <row>
+ <entry>.rich-extdt-footer-continue</entry>
+ <entry>Defines styles for all footer lines after the first</entry>
+ </row>
+
+ <row>
+ <entry>.rich-extdt-subfooter</entry>
+ <entry>Defines styles for a column footer</entry>
+ </row>
+
+ <row>
+ <entry>.rich-extdt-headercell</entry>
+ <entry>Defines styles for a header cell</entry>
+ </row>
+
+ <row>
+ <entry>.rich-extdt-subheadercell</entry>
+ <entry>Defines styles for a column header cell</entry>
+ </row>
+
+ <row>
+ <entry>.rich-extdt-cell</entry>
+ <entry>Defines styles for a table cell</entry>
+ </row>
+
+ <row>
+ <entry>.rich-extdt-row</entry>
+ <entry>Defines styles for a table row</entry>
+ </row>
+
+ <row>
+ <entry>.rich-extdt-firstrow</entry>
+ <entry>Defines styles for a table start row</entry>
+ </row>
+
+ <row>
+ <entry>.rich-extdt-footercell</entry>
+ <entry>Defines styles for a footer cell</entry>
+ </row>
+
+ <row>
+ <entry>.rich-extdt-subfootercell</entry>
+ <entry>Defines styles for a column footer cell</entry>
+ </row>
+
+ <row>
+ <entry>.rich-extdt-group-cell</entry>
+ <entry>Defines styles for a grouping row cell</entry>
+ </row>
+ </tbody>
+ </tgroup>
+ </table>
+ <para>You can find all necessary information about style classes redefinition in
<link linkend="customstyles">Definition of Custom Style Classes</link>
- section.
+ section.</para>
</section>
<section>
<title>Relevant Resources Links</title>
<para>
- Some additional information about usage of component can be found
+ Some additional information about the component usage can be found
<ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/extendedDataTable.jsf...">on its LiveDemo page</ulink>.</para>
</section>
</section>
\ No newline at end of file
15 years, 3 months
JBoss Rich Faces SVN: r15682 - branches/community/3.3.X/docs/userguide/en/src/main/docbook/modules.
by richfaces-svn-commits@lists.jboss.org
Author: artdaw
Date: 2009-09-29 09:43:20 -0400 (Tue, 29 Sep 2009)
New Revision: 15682
Modified:
branches/community/3.3.X/docs/userguide/en/src/main/docbook/modules/RFCGettingStarted.xml
Log:
https://jira.jboss.org/jira/browse/RF-7275 - getting started is fixed
Modified: branches/community/3.3.X/docs/userguide/en/src/main/docbook/modules/RFCGettingStarted.xml
===================================================================
--- branches/community/3.3.X/docs/userguide/en/src/main/docbook/modules/RFCGettingStarted.xml 2009-09-29 13:42:45 UTC (rev 15681)
+++ branches/community/3.3.X/docs/userguide/en/src/main/docbook/modules/RFCGettingStarted.xml 2009-09-29 13:43:20 UTC (rev 15682)
@@ -252,11 +252,19 @@
and <emphasis role="bold"><property><a4j:form></property></emphasis> helps the button to perform the action.
</para>
<para>Note, that the RichFaces tag library should be declared on each
- JSP page. For XHTML pages add following lines for tag
+ JSP page.
+</para>
+<para>
+For Facelets you should add the following lines for tag
library declaration: </para>
- <programlisting role="XML"><![CDATA[<xmlns:a4j="http://richfaces.org/a4j">
-<xmlns:rich="http://richfaces.org/rich">]]></programlisting>
- <para>That’s it. Run the application on server. Point your browser to <code>index.jsp</code> page in browser:
+ <programlisting role="XML"><![CDATA[<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.org/rich">
+ ...
+</ui:composition>
+]]></programlisting>
+ <para>That's it. Run the application on server. Point your browser to <code>index.jsp</code> page in browser:
<code>http://localhost:8080/Greeter/index.jsf</code>
</para>
<figure>
15 years, 3 months
JBoss Rich Faces SVN: r15681 - branches/community/3.3.X/docs/userguide/en/src/main/docbook/included.
by richfaces-svn-commits@lists.jboss.org
Author: atsebro
Date: 2009-09-29 09:42:45 -0400 (Tue, 29 Sep 2009)
New Revision: 15681
Modified:
branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_tabPanel.xml
Log:
RF-7804: Rich Output component group description review --> rich:tabPanel
Modified: branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_tabPanel.xml
===================================================================
--- branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_tabPanel.xml 2009-09-28 18:27:34 UTC (rev 15680)
+++ branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_tabPanel.xml 2009-09-29 13:42:45 UTC (rev 15681)
@@ -1,16 +1,8 @@
<section role="NotInToc" id="rich_tabPanel">
- <title>
- <
- rich:tabPanel
- >
- <emphasis role="since">
- <superscript> available since <emphasis role="version">3.0.0</emphasis>
- </superscript>
- </emphasis>
- </title>
+ <title><rich:tabPanel><emphasis role="since"><superscript> available since <emphasis role="version">3.0.0</emphasis></superscript></emphasis></title>
<section>
<title>Description</title>
- <para>A <property>tab panel</property> displaying tabs for grouping content of the panel.</para>
+ <para>The component defines a tab panel displaying tabs for grouping content of the panel.</para>
<figure>
<title>
<emphasis role="bold">
@@ -320,16 +312,17 @@
</row>
</tbody>
</tgroup>
- </table>
- You can find all necessary information about style classes redefinition in
- <link linkend="customstyles">Definition of Custom Style Classes</link>
- section.
- </section>
- <section>
- <title>Relevant Resources Links</title>
- <para>
- <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/tabPanel.jsf?c=tabPanel">On the component LiveDemo page</ulink> you can see the example of <emphasis role="bold">
- <property><rich:tabPanel></property>
- </emphasis> usage and sources for the given example. </para>
- </section>
+ </table>
+ <para>You can find all necessary information about style classes redefinition in <link linkend="customstyles">Definition of Custom Style Classes</link> section.</para>
+ </section>
+
+ <section>
+ <title>Relevant Resources Links</title>
+ <para>
+ Visit <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/tabPanel.jsf;">TabPanel page</ulink> at RichFaces LiveDemo for examples of component usage and their sources.
+ </para>
+ <para>
+ If you have any questions or ideas regarding the <emphasis role="bold"><property><rich:tab></property></emphasis> tell about them at the <ulink url="http://www.jboss.com/index.html?module=bb&op=viewtopic&p=4064191">RichFaces Users Forum</ulink>.
+ </para>
+ </section>
</section>
\ No newline at end of file
15 years, 3 months
JBoss Rich Faces SVN: r15680 - tags/3.3.2.GA/ui/tabPanel/src/main/java/org/richfaces/component.
by richfaces-svn-commits@lists.jboss.org
Author: alexsmirnov
Date: 2009-09-28 14:27:34 -0400 (Mon, 28 Sep 2009)
New Revision: 15680
Modified:
tags/3.3.2.GA/ui/tabPanel/src/main/java/org/richfaces/component/UITabPanel.java
Log:
merge https://jira.jboss.org/jira/browse/RF-7353 from branch
Modified: tags/3.3.2.GA/ui/tabPanel/src/main/java/org/richfaces/component/UITabPanel.java
===================================================================
--- tags/3.3.2.GA/ui/tabPanel/src/main/java/org/richfaces/component/UITabPanel.java 2009-09-28 16:00:47 UTC (rev 15679)
+++ tags/3.3.2.GA/ui/tabPanel/src/main/java/org/richfaces/component/UITabPanel.java 2009-09-28 18:27:34 UTC (rev 15680)
@@ -52,7 +52,7 @@
protected Iterator getSwitchedFacetsAndChildren() {
- final Object renderedValue = this.restoredRenderedValue;
+ final Object renderedValue = null != this.restoredRenderedValue?this.restoredRenderedValue:getRenderedValue();
return new IteratorChain(new FilterIterator(getRenderedTabs(), new Predicate() {
@@ -167,8 +167,8 @@
Object[] states = (Object[]) state;
super.restoreState(context, states[0]);
this.renderedValue = states[1];
- //TODO remove that
- this.restoredRenderedValue = getRenderedValue();
+ // https://jira.jboss.org/jira/browse/RF-7353 - getRenderedValue() can call wrong bean instance.
+ this.restoredRenderedValue = this.renderedValue;//getRenderedValue();
}
private static final Predicate RENDERED_TAB_PREDICATE = new Predicate() {
15 years, 3 months
JBoss Rich Faces SVN: r15679 - tags/3.3.2.GA/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css.
by richfaces-svn-commits@lists.jboss.org
Author: amarkhel
Date: 2009-09-28 12:00:47 -0400 (Mon, 28 Sep 2009)
New Revision: 15679
Modified:
tags/3.3.2.GA/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss
Log:
Fix for RF-7928
Modified: tags/3.3.2.GA/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss
===================================================================
--- tags/3.3.2.GA/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss 2009-09-28 15:35:13 UTC (rev 15678)
+++ tags/3.3.2.GA/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss 2009-09-28 16:00:47 UTC (rev 15679)
@@ -10,11 +10,8 @@
<u:style name="font-family" skin="generalFamilyFont" />
</u:selector>
- <u:selector name=".rich-mpnl-content">
- <u:style name="background-color" skin="generalBackgroundColor" />
- <u:style name="border-color" skin="panelBorderColor" />
- </u:selector>
+
<u:selector name=".rich-mpnl-header">
<u:style name="background-color" skin="headerBackgroundColor" />
<u:style name="border-color" skin="headerBackgroundColor" />
@@ -101,14 +98,14 @@
.rich-mpnl-button {
outline-style: none;
position: absolute;
- border: 10px solid red;
- position: absolute;
- clip: rect(0px 0px 1px 1px);
- height: 10px;
- width: 10px;
- left: 0px;
- top: 0px;
- z-index: -300;
+ border: 10px solid red;
+ position: absolute;
+ clip: rect(0px 0px 1px 1px);
+ height: 10px;
+ width: 10px;
+ left: 0px;
+ top: 0px;
+ z-index: -300;
}
.rich-mpnl-controls {
position: absolute;
@@ -156,6 +153,9 @@
}
]]>
</f:verbatim>
-
+<u:selector name=".rich-mpnl-content">
+ <u:style name="background-color" skin="generalBackgroundColor" />
+ <u:style name="border-color" skin="panelBorderColor" />
+ </u:selector>
</f:template>
15 years, 3 months
JBoss Rich Faces SVN: r15678 - branches/community/3.3.X/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css.
by richfaces-svn-commits@lists.jboss.org
Author: amarkhel
Date: 2009-09-28 11:35:13 -0400 (Mon, 28 Sep 2009)
New Revision: 15678
Modified:
branches/community/3.3.X/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss
Log:
Fix for RF-7928
Modified: branches/community/3.3.X/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss
===================================================================
--- branches/community/3.3.X/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss 2009-09-28 11:55:49 UTC (rev 15677)
+++ branches/community/3.3.X/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss 2009-09-28 15:35:13 UTC (rev 15678)
@@ -10,11 +10,8 @@
<u:style name="font-family" skin="generalFamilyFont" />
</u:selector>
- <u:selector name=".rich-mpnl-content">
- <u:style name="background-color" skin="generalBackgroundColor" />
- <u:style name="border-color" skin="panelBorderColor" />
- </u:selector>
+
<u:selector name=".rich-mpnl-header">
<u:style name="background-color" skin="headerBackgroundColor" />
<u:style name="border-color" skin="headerBackgroundColor" />
@@ -156,6 +153,9 @@
}
]]>
</f:verbatim>
-
+<u:selector name=".rich-mpnl-content">
+ <u:style name="background-color" skin="generalBackgroundColor" />
+ <u:style name="border-color" skin="panelBorderColor" />
+ </u:selector>
</f:template>
15 years, 3 months
JBoss Rich Faces SVN: r15677 - branches/community/3.3.X/docs/userguide/en/src/main/docbook/included.
by richfaces-svn-commits@lists.jboss.org
Author: atsebro
Date: 2009-09-28 07:55:49 -0400 (Mon, 28 Sep 2009)
New Revision: 15677
Modified:
branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_tab.xml
Log:
RF-7804: Rich Output component group description review --> rich:tab
Modified: branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_tab.xml
===================================================================
--- branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_tab.xml 2009-09-28 11:55:16 UTC (rev 15676)
+++ branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_tab.xml 2009-09-28 11:55:49 UTC (rev 15677)
@@ -1,314 +1,334 @@
<section role="NotInToc" id="rich_tab">
- <title>
- <
- rich:tab
- >
- <emphasis role="since">
- <superscript> available since <emphasis role="version">3.0.0</emphasis>
- </superscript>
- </emphasis>
- </title>
- <section>
- <title>Description</title>
- <para>A <property>tab</property> section within a tab panel.</para>
- <figure>
- <title>
- <emphasis role="bold">
- <property><rich:tab></property>
- </emphasis> component</title>
- <mediaobject>
- <imageobject>
- <imagedata fileref="images/tab_init.png"/>
- </imageobject>
- </mediaobject>
- </figure>
- </section>
- <section>
- <title>Key Features</title>
- <itemizedlist>
- <listitem>
- <para>Fully skinnable <property>tabs</property> content</para>
- </listitem>
- <listitem>
- <para>Disabled/enabled <property>tab</property> options</para>
- </listitem>
- <listitem>
- <para>Groups any content inside a <property>tab</property>
- </para>
- </listitem>
- <listitem>
- <para>Each <property>tab</property> has a unique name for a direct access (e.g. for
- switching between tabs)</para>
- </listitem>
- <listitem>
- <para>Switch methods can be easily customized for every <property>tab</property>
- separately with attribute to:</para>
- <itemizedlist>
- <listitem>
- <para>
- <code>Server</code>
- </para>
- </listitem>
- <listitem>
- <para>
- <code>Client</code>
- </para>
- </listitem>
- <listitem>
- <para>
- <code>AJAX</code>
- </para>
- </listitem>
- </itemizedlist>
- </listitem>
- </itemizedlist>
- </section>
- <section>
- <title>Details of Usage</title>
- <para>The main component function is to define a content group that is rendered
- and processed when the <property>tab</property> is active, i.e. click
- on a <property>tab</property> causes switching onto a
- <property>tab</property> containing content corresponded to this
- <property>tab</property>.</para>
- <para>The <emphasis>
- <property>"label"</property>
- </emphasis> attribute defines text to be represented. If you can use
- the <emphasis>
- <property>"label"</property>
- </emphasis> facet, you can even not use the <emphasis>
- <property>"label"</property>
- </emphasis> attribute.</para>
- <para>
- <emphasis role="bold">Example:</emphasis>
- </para>
- <programlisting role="XML"><![CDATA[...
-<rich:tab>
- <f:facet name="label">
- <h:graphicImage value="/images/img1.png"/>
- </f:facet>
- ...
- <!--Any Content inside-->
- ...
-</rich:tab>
-...
-]]></programlisting>
+ <title><rich:tab><emphasis role="since">
+ <superscript> available since <emphasis role="version">3.0.0</emphasis></superscript>
+ </emphasis></title>
+ <section>
+ <title>Description</title>
+ <para>The component defines a tab section within a tab panel.</para>
+ <figure>
+ <title>
+ <emphasis role="bold">
+ <property><rich:tab></property>
+ </emphasis> component</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/tab_init.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+ </section>
- <para>A marker on a <property>tab</property> header defined with the <emphasis>
- <property>"label"</property>
- </emphasis> attribute. Moreover, each <property>tab</property> could
- be disabled (switching on this <property>tab</property> is impossible)
- with the <emphasis>
- <property>"disable"</property>
- </emphasis> attribute.</para>
-
- <para>
- <emphasis role="bold">Example:</emphasis>
- </para>
- <programlisting role="XML"><![CDATA[...
-<rich:tabPanel width="20%">
- <tabs:tab label="Canon">
- <h:outputText value="Canon EOS Digital Rebel XT" />
- ...
- </tabs:tab>
- <tabs:tab label="Nikon">
- <h:outputText value="Nikon D70s" />
- ...
- </tabs:tab>
- <tabs:tab label="Olympus">
- <h:outputText value="Olympus EVOLT E-500" />
- ...
- </tabs:tab>
- <tabs:tab disabled="true" name="disabled" label="Disabled"/>
-</rich:tabPanel>
-...]]></programlisting>
- <para>With this example it's possible to generate the <property>tab
- panel</property> with the last disabled and three active
- <property>tabs</property> (see the picture).</para>
- <figure>
- <title>
- <emphasis role="bold">
- <property><rich:tabPanel></property>
- </emphasis> with disabled <emphasis role="bold">
- <property><rich:tab></property>
- </emphasis>
- </title>
- <mediaobject>
- <imageobject>
- <imagedata fileref="images/tab2.png"/>
- </imageobject>
- </mediaobject>
- </figure>
- <para>Switching mode could be defined not only for the whole panel
- <property>tab</property>, but also for each particular
- <property>tab</property>, i.e. switching onto one
- <property>tab</property> could be performed right on the client with
- the corresponding JavaScript and onto another <property>tab</property>
- with an Ajax request on the server. <property>Tab</property> switching
- modes are the same as <property>tabPanel</property> ones.</para>
- <para>Each <property>tab</property> also has an attribute name (alias for <emphasis>
- <property>"id"</property>
- </emphasis> attribute). Using this attribute value it's
- possible e.g. to set an active <property>tab</property> on a model
- level specifying this name in the corresponding attribute of the whole
- <property>tab</property>.</para>
- <para>Except the specific component attributes it has all necessary attributes
- for JavaScript event definition.</para>
- <itemizedlist>
+ <section>
+ <title>Key Features</title>
+ <itemizedlist>
+ <listitem>
+ <para>Fully skinnable <property>tabs</property> content</para>
+ </listitem>
+ <listitem>
+ <para>Disabled/enabled <property>tab</property> options</para>
+ </listitem>
+ <listitem>
+ <para>Groups any content inside a <property>tab</property>
+ </para>
+ </listitem>
+ <listitem>
+ <para>Each <property>tab</property> has a unique name for a direct access (e.g. for switching between tabs)</para>
+ </listitem>
+ <listitem>
+ <para>Switch methods can be easily customized for every <property>tab</property> separately with attribute to:</para>
+ <itemizedlist>
<listitem>
- <para>
- <emphasis>
- <property>"onmouseover"</property>
- </emphasis>
- </para>
+ <para>
+ <code>Server</code>
+ </para>
</listitem>
<listitem>
- <para>
- <emphasis>
- <property>"onmouseout"</property>
- </emphasis>
- </para>
+ <para>
+ <code>Client</code>
+ </para>
</listitem>
<listitem>
- <para> etc. </para>
+ <para>
+ <code>AJAX</code>
+ </para>
</listitem>
- </itemizedlist>
- <para> Some event could be performed on the tab which has been entered/left
- using <emphasis>
- <property>"ontabenter"</property>
- </emphasis>/<emphasis>
- <property>"ontableave"</property>
- </emphasis> attributes. See the example below.</para>
+ </itemizedlist>
+ </listitem>
+ </itemizedlist>
+ </section>
+
+ <section>
+ <title>Details of Usage</title>
+ <para>The main component function is to define a content group that is rendered and processed when the <property>tab</property> is active, i.e. click on a <property>tab</property> causes switching onto a <property>tab</property>
+ containing content corresponded to this <property>tab</property>.</para>
+ <para>The <emphasis>
+ <property>"label"</property>
+ </emphasis> attribute defines text to be represented. If you can use the <emphasis>
+ <property>"label"</property>
+ </emphasis> facet, you can even not use the <emphasis>
+ <property>"label"</property>
+ </emphasis> attribute.</para>
+
+ <programlisting role="XML"><![CDATA[<rich:tab>
+ <f:facet name="label">
+ <h:graphicImage value="/images/img1.png"/>
+ </f:facet>
+ <!--Any Content inside-->
+</rich:tab>]]></programlisting>
- <para>
- <emphasis role="bold">Example:</emphasis>
- </para>
- <programlisting role="XML"><![CDATA[...
-<rich:tabPanel>
- <rich:tab label="Tab1" ontabenter="alert()">
- ...
- </rich:tab>
+ <para>A marker on a <property>tab</property> header defined with the <emphasis>
+ <property>"label"</property>
+ </emphasis> attribute. Moreover, each <property>tab</property> could be disabled (switching on this <property>tab</property> is impossible) with the <emphasis>
+ <property>"disable"</property>
+ </emphasis> attribute.</para>
+
+
+ <programlisting role="XML"><![CDATA[<rich:tabPanel width="20%">
+ <tabs:tab label="Canon">
+ <h:outputText value="Canon EOS Digital Rebel XT" />
+ ...
+ </tabs:tab>
+ <tabs:tab label="Nikon">
+ <h:outputText value="Nikon D70s" />
+ ...
+ </tabs:tab>
+ <tabs:tab label="Olympus">
+ <h:outputText value="Olympus EVOLT E-500" />
+ ...
+ </tabs:tab>
+ <tabs:tab disabled="true" name="disabled" label="Disabled"/>
+</rich:tabPanel>]]></programlisting>
+ <para>With this example it's possible to generate the <property>tab panel</property> with the last disabled and three active <property>tabs</property> (see the picture).</para>
+ <figure>
+ <title>
+ <emphasis role="bold">
+ <property><rich:tabPanel></property>
+ </emphasis> with disabled <emphasis role="bold">
+ <property><rich:tab></property>
+ </emphasis>
+ </title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/tab2.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+ <para>Switching mode could be defined not only for the whole panel <property>tab</property>, but also for each particular <property>tab</property>, i.e. switching onto one <property>tab</property> could be performed right on the
+ client with the corresponding JavaScript and onto another <property>tab</property> with an Ajax request on the server. <property>Tab</property> switching modes are the same as <property>tabPanel</property> ones.</para>
+ <para>Each <property>tab</property> also has an attribute name (alias for <emphasis>
+ <property>"id"</property>
+ </emphasis> attribute). Using this attribute value it's possible e.g. to set an active <property>tab</property> on a model level specifying this name in the corresponding attribute of the whole
+ <property>tab</property>.</para>
+
+ <para>Except the specific component attributes it has all necessary attributes for JavaScript event definition.</para>
+ <itemizedlist>
+ <listitem>
+ <para>
+ <emphasis>
+ <code>onmouseover</code>
+ </emphasis>
+ </para>
+ </listitem>
+ <listitem>
+ <para>
+ <emphasis>
+ <code>onmouseout</code>
+ </emphasis>
+ </para>
+ </listitem>
+ <listitem>
+ <para>etc.</para>
+ </listitem>
+ </itemizedlist>
+ <para> Some event could be performed on the tab which has been entered/left using "<emphasis><property>"ontabenter"</property></emphasis>" and
+ "<emphasis><property>ontableave</property></emphasis>" attributes. See the example below:</para>
+
+
+ <programlisting role="XML"><![CDATA[<rich:tabPanel>
+ <rich:tab label="Tab1" ontabenter="alert()">
...
-</rich:tabPanel>
-...]]></programlisting>
- <para> The following example shows how on the client side to get the names of
- <code>entered</code>/<code>left</code> tabs. </para>
- <programlisting role="JAVA"><![CDATA[ontabenter="alert(leftTabName)"]]></programlisting>
- <para> Information about the <emphasis>
- <property>"process"</property>
- </emphasis> attribute usage you can find in the
- <link linkend="process"> "Decide what to process" </link> guide section. </para>
- </section>
- <section>
- <title>Reference Data</title>
- <para>
- <ulink url="&tlddoc;rich/tab.html">Table of
- <rich:tab>
- attributes</ulink>.
- </para>
- <table>
- <title>Component Identification Parameters</title>
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Name</entry>
- <entry>Value</entry>
- </row>
- </thead>
- <tbody>
- <row>
- <entry>component-type</entry>
- <entry>org.richfaces.Tab</entry>
- </row>
- <row>
- <entry>component-class</entry>
- <entry>org.richfaces.component.html.HtmlTab</entry>
- </row>
- <row>
- <entry>component-family</entry>
- <entry>org.richfaces.Tab</entry>
- </row>
- <row>
- <entry>renderer-type</entry>
- <entry>org.richfaces.TabRenderer</entry>
- </row>
- <row>
- <entry>tag-class</entry>
- <entry>org.richfaces.taglib.TabTag</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
- <table>
- <title>Facets</title>
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Facet name</entry>
- <entry>Description</entry>
- </row>
- </thead>
- <tbody>
- <row>
- <entry>label</entry>
- <entry>Defines the text for the actual "tab" in a tab section</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
- <table id="tab_tab">
- <title>Classes names that define a tab</title>
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Class name</entry>
- <entry>Description</entry>
- </row>
- </thead>
- <tbody>
- <row>
- <entry>rich-tab-header</entry>
- <entry>Defines styles for a tab
- header</entry>
- </row>
-
- <row>
- <entry>rich-tab-label</entry>
- <entry>Defines styles for a tab
- label</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
- <table>
- <title>Classes names that define a tab states</title>
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Class name</entry>
- <entry>Description</entry>
- </row>
- </thead>
- <tbody>
- <row>
- <entry>rich-tab-active</entry>
- <entry>Defines styles for an active
- tab</entry>
- </row>
- <row>
- <entry>rich-tab-inactive</entry>
- <entry>Defines styles for an inactive
- tab</entry>
- </row>
- <row>
- <entry>rich-tab-disabled</entry>
- <entry>Defines styles for a disabled
- tab</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
- You can find all necessary information about style classes redefinition in
- <link linkend="customstyles">Definition of Custom Style Classes</link>
- section.
- </section>
-</section>
\ No newline at end of file
+ </rich:tab>
+ ...
+</rich:tabPanel>]]></programlisting>
+ <para> The following example shows how on the client side to get the names of <code>entered</code>/<code>left</code> tabs. </para>
+ <programlisting role="JAVA"><![CDATA[ontabenter="alert(leftTabName)"]]></programlisting>
+ <para> Information about the <emphasis>
+ <property>"process"</property>
+ </emphasis> attribute usage you can find in the <link linkend="process"> "Decide what to process" </link> guide section. </para>
+ </section>
+ <section>
+ <title>Reference Data</title>
+ <para>
+ <ulink url="&tlddoc;rich/tab.html">Table of <rich:tab> attributes</ulink>. </para>
+ <table>
+ <title>Component Identification Parameters</title>
+ <tgroup cols="2">
+ <thead>
+ <row>
+ <entry>Name</entry>
+ <entry>Value</entry>
+ </row>
+ </thead>
+ <tbody>
+ <row>
+ <entry>component-type</entry>
+ <entry>org.richfaces.Tab</entry>
+ </row>
+ <row>
+ <entry>component-class</entry>
+ <entry>org.richfaces.component.html.HtmlTab</entry>
+ </row>
+ <row>
+ <entry>component-family</entry>
+ <entry>org.richfaces.Tab</entry>
+ </row>
+ <row>
+ <entry>renderer-type</entry>
+ <entry>org.richfaces.TabRenderer</entry>
+ </row>
+ <row>
+ <entry>tag-class</entry>
+ <entry>org.richfaces.taglib.TabTag</entry>
+ </row>
+ </tbody>
+ </tgroup>
+ </table>
+ <table>
+ <title>Facet</title>
+ <tgroup cols="2">
+ <thead>
+ <row>
+ <entry>Facet name</entry>
+ <entry>Description</entry>
+ </row>
+ </thead>
+ <tbody>
+ <row>
+ <entry>label</entry>
+ <entry>Defines the text for the actual "tab" in a tab section</entry>
+ </row>
+ </tbody>
+ </tgroup>
+ </table>
+
+ <table id="tab_classes">
+ <title>Style classes (selectors) and mapped skin parameters</title>
+ <tgroup cols="4">
+ <thead>
+ <row>
+ <entry>Class name</entry>
+ <entry>Description</entry>
+ <entry>Skin parameter</entry>
+ <entry>CSS property</entry>
+ </row>
+ </thead>
+ <tbody>
+
+ <row>
+ <entry morerows="2">.rich-tab-active</entry>
+ <entry morerows="2">Defines styles for an active tab</entry>
+ <entry>generalTextColor</entry>
+ <entry>color</entry>
+ </row>
+ <row>
+ <entry>generalBackgroundColor</entry>
+ <entry>background-color</entry>
+ </row>
+ <row>
+ <entry>subBorderColor</entry>
+ <entry>border-color</entry>
+ </row>
+
+ <row>
+ <entry>.rich-tab-bottom-line</entry>
+ <entry>Defines styles for a tab bottom line</entry>
+ <entry>panelBorderColor</entry>
+ <entry>border-bottom-color</entry>
+ </row>
+
+ <row>
+ <entry morerows="2">.rich-tab-disabled</entry>
+ <entry morerows="2">Defines styles for a disabled tab</entry>
+ <entry>subBorderColor</entry>
+ <entry>border-color</entry>
+ </row>
+ <row>
+ <entry>tabBackgroundColor</entry>
+ <entry>background-color</entry>
+ </row>
+ <row>
+ <entry>tabDisabledTextColor</entry>
+ <entry>color</entry>
+ </row>
+
+ <row>
+ <entry morerows="2">.rich-tab-header</entry>
+ <entry morerows="2">Defines styles for a tab header</entry>
+ <entry>generalFamilyFont</entry>
+ <entry>font-family</entry>
+ </row>
+ <row>
+ <entry>generalSizeFont</entry>
+ <entry>font-size</entry>
+ </row>
+ <row>
+ <entry>generalTextColor</entry>
+ <entry>color</entry>
+ </row>
+
+ <row>
+ <entry morerows="1">.rich-tab-inactive</entry>
+ <entry morerows="1">Defines styles for an inactive tab</entry>
+ <entry>subBorderColor</entry>
+ <entry>border-color</entry>
+ </row>
+ <row>
+ <entry>tabBackgroundColor</entry>
+ <entry>background-color</entry>
+ </row>
+
+ </tbody>
+ </tgroup>
+ </table>
+
+ <table>
+ <title>Internal style classes (selectors)</title>
+ <tgroup cols="2">
+ <thead>
+ <row>
+ <entry>Class name (selector)</entry>
+ <entry>Description</entry>
+ </row>
+ </thead>
+ <tbody>
+ <row>
+ <entry>.rich-tab-active</entry>
+ <entry>Defines styles for an active tab</entry>
+ </row>
+ <row>
+ <entry>.rich-tab-disabled</entry>
+ <entry>Defines styles for a disabled tab</entry>
+ </row>
+ <row>
+ <entry>.rich-tab-header</entry>
+ <entry>Defines styles for a tab header</entry>
+ </row>
+ </tbody>
+ </tgroup>
+ </table>
+
+
+
+
+ <para>You can find all necessary information about style classes redefinition in <link linkend="customstyles">Definition of Custom Style Classes</link> section. </para>
+ </section>
+ <section>
+ <title>Relevant Resources Links</title>
+ <para>
+ Visit <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/tabPanel.jsf;">TabPanel page</ulink> at RichFaces LiveDemo for examples of component usage and their sources.
+ </para>
+ <para>
+ If you have any questions or ideas regarding the <emphasis role="bold"><property><rich:tab></property></emphasis> tell about them at the <ulink url="http://www.jboss.com/index.html?module=bb&op=viewtopic&p=4064191">RichFaces Users Forum</ulink>.
+ </para>
+ </section>
+</section>
15 years, 3 months
JBoss Rich Faces SVN: r15676 - branches/community/3.3.X/ui/tabPanel/src/main/resources/org/richfaces/renderkit/html/css.
by richfaces-svn-commits@lists.jboss.org
Author: atsebro
Date: 2009-09-28 07:55:16 -0400 (Mon, 28 Sep 2009)
New Revision: 15676
Modified:
branches/community/3.3.X/ui/tabPanel/src/main/resources/org/richfaces/renderkit/html/css/tabPanel.xcss
Log:
RF-7804: Rich Output component group description review --> rich:tab
Modified: branches/community/3.3.X/ui/tabPanel/src/main/resources/org/richfaces/renderkit/html/css/tabPanel.xcss
===================================================================
--- branches/community/3.3.X/ui/tabPanel/src/main/resources/org/richfaces/renderkit/html/css/tabPanel.xcss 2009-09-28 10:08:51 UTC (rev 15675)
+++ branches/community/3.3.X/ui/tabPanel/src/main/resources/org/richfaces/renderkit/html/css/tabPanel.xcss 2009-09-28 11:55:16 UTC (rev 15676)
@@ -6,6 +6,43 @@
<f:verbatim>
+.rich-tab-active{
+ border-width: 1px;
+ border-style: solid;
+ padding : 3px 10px 4px 10px;
+ background-repeat: repeat-x;
+ background-position: top;
+ border-bottom-width: 0px;
+ cursor : default;
+}
+
+.rich-tab-disabled {
+ background-repeat: repeat-x;
+ background-position: center top;
+ border-width: 1px 1px 0px;
+ border-style: solid;
+ cursor : default;
+}
+
+.rich-tab-header{
+ padding : 2px 10px 2px 10px;
+ text-align: center;
+}
+
+.rich-tabhdr-cell-disabled, .rich-tabhdr-cell-inactive {
+ padding-top: 2px;
+}
+
+.rich-tabhdr-side-cell {
+ border-top-width: 1px;
+ border-top-style: solid;
+}
+
+.rich-tabhdr-side-border{
+ background-repeat: no-repeat;
+ background-position: top;
+}
+
.rich-tabpanel{
width:100%;
}
@@ -20,81 +57,44 @@
vertical-align: top;
}
-.rich-tabhdr-side-cell {
- border-top-width: 1px;
- border-top-style: solid;
+.rich-tabpanel-content-position {
+ height:100%;
+ position: relative;
}
-.rich-tab-header{
- padding : 2px 10px 2px 10px;
- text-align: center;
-}
-
-.rich-tabhdr-side-border{
- background-repeat: no-repeat;
- background-position: top;
-}
-
-.rich-tab-active{
+.rich-tbpnl-tb-sel {
border-width: 1px;
border-style: solid;
- padding : 3px 10px 4px 10px;
+ border-bottom : 0px;
background-repeat: repeat-x;
background-position: top;
- border-bottom-width: 0px;
- cursor : default;
-}
-
-.rich-tab-disabled {
- background-repeat: repeat-x;
- background-position: center top;
- border-width: 1px 1px 0px;
- border-style: solid;
cursor : default;
}
+</f:verbatim>
-.rich-tabhdr-cell-disabled, .rich-tabhdr-cell-inactive {
- padding-top: 2px;
-
-}
-
-</f:verbatim>
<u:selector name=".rich-tab-header">
- <u:style name="color" skin="generalTextColor"/>
- <u:style name="font-size" skin="generalSizeFont"/>
+ <u:style name="color" skin="generalTextColor"/>
+ <u:style name="font-size" skin="generalSizeFont"/>
<u:style name="font-family" skin="generalFamilyFont"/>
</u:selector>
<u:selector name=".rich-tab-active">
- <u:style name="color" skin="generalTextColor"/>
+ <u:style name="color" skin="generalTextColor"/>
<u:style name="border-color" skin="subBorderColor"/>
</u:selector>
+
<u:selector name=".rich-tab-disabled">
- <u:style name="border-color" skin="subBorderColor"/>
- <u:style name="color" skin="tabDisabledTextColor"/>
+ <u:style name="border-color" skin="subBorderColor"/>
+ <u:style name="color" skin="tabDisabledTextColor"/>
<u:style name="background-color" skin="tabBackgroundColor" />
<u:style name="background-image">
<f:resource f:key="org.richfaces.renderkit.images.TabGradientB" />
</u:style>
</u:selector>
-<f:verbatim>
-
-.rich-tbpnl-tb-sel {
- border-width: 1px;
- border-style: solid;
- border-bottom : 0px;
- background-repeat: repeat-x;
- background-position: top;
- cursor : default;
-}
+
-.rich-tabpanel-content-position {
- height:100%;
- position: relative;
-}
-</f:verbatim>
-
+
<u:selector name=".dr-tbpnl-tb-sel">
<u:style name="border-color" skin="selectControlColor"/>
<u:style name="background-image">
@@ -118,27 +118,23 @@
<u:selector name=".rich-tab-inactive">
<u:style name="background-color" skin="tabBackgroundColor" />
+ <u:style name="border-color" skin="subBorderColor"/>
<u:style name="background-image">
<f:resource f:key="org.richfaces.renderkit.images.TabGradientB" />
</u:style>
- <u:style name="border-color" skin="subBorderColor"/>
-
<u:style name="border-width" value="1px"/>
<u:style name="border-style" value="solid"/>
<u:style name="background-repeat" value="repeat-x"/>
<u:style name="background-position" value="top"/>
<u:style name="border-bottom-width" value="0px"/>
<u:style name="cursor" value="default"/>
-
</u:selector>
-
<u:selector name=".rich-tab-bottom-line">
<u:style name="border-bottom-color" skin="panelBorderColor"/>
<u:style name="border-bottom-style" value="solid"/>
<u:style name="border-bottom-width" value="1px"/>
</u:selector>
-
<u:selector name=".rich-tab-active">
<u:style name="background-image">
@@ -152,4 +148,5 @@
<f:resource f:key="org.richfaces.renderkit.images.TabStripeImage"/>
</u:style>
</u:selector>
+
</f:template>
\ No newline at end of file
15 years, 3 months
JBoss Rich Faces SVN: r15675 - branches/community/3.3.X/docs/userguide/en/src/main/docbook/included.
by richfaces-svn-commits@lists.jboss.org
Author: atsebro
Date: 2009-09-28 06:08:51 -0400 (Mon, 28 Sep 2009)
New Revision: 15675
Modified:
branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_panelMenu.xml
branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_panelMenuGroup.xml
branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_panelMenuItem.xml
Log:
RF-7804: Rich Output component group description review --> rich:panelMenu
Modified: branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_panelMenu.xml
===================================================================
--- branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_panelMenu.xml 2009-09-28 04:36:20 UTC (rev 15674)
+++ branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_panelMenu.xml 2009-09-28 10:08:51 UTC (rev 15675)
@@ -406,7 +406,7 @@
Visit <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/panelMenu.jsf?c=panel...">panelMenu page</ulink> at RichFaces LiveDemo for examples of component usage and their sources.
</para>
<para>
- If you have any questions or ideas regarding the <emphasis role="bold"><property><rich:panel></property></emphasis> tell about them at the <ulink url="http://www.jboss.com/index.html?module=bb&op=viewtopic&p=4064191">RichFaces Users Forum</ulink>.
+ If you have any questions or ideas regarding the <emphasis role="bold"><property><rich:panelMenu></property></emphasis> tell about them at the <ulink url="http://www.jboss.com/index.html?module=bb&op=viewtopic&p=4064191">RichFaces Users Forum</ulink>.
</para>
</section>
</section>
Modified: branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_panelMenuGroup.xml
===================================================================
--- branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_panelMenuGroup.xml 2009-09-28 04:36:20 UTC (rev 15674)
+++ branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_panelMenuGroup.xml 2009-09-28 10:08:51 UTC (rev 15675)
@@ -1,110 +1,96 @@
<section role="NotInToc" id="rich_panelMenuGroup">
- <title>
- <
- rich:panelMenuGroup
- >
- <emphasis role="since">
- <superscript> available since <emphasis role="version">3.1.0</emphasis>
- </superscript>
- </emphasis>
- </title>
- <section>
- <title>Description</title>
- <para>The <emphasis role="bold">
- <property><rich:panelMenuGroup></property>
- </emphasis> component is used to define an expandable group of items inside the panel menu or other group.</para>
- <figure>
- <title>
- <emphasis role="bold">
- <property><rich:panelMenuGroup></property>
- </emphasis> component</title>
- <mediaobject>
- <imageobject>
- <imagedata fileref="images/panelMenuGroup_init.png"/>
- </imageobject>
- </mediaobject>
- </figure>
- </section>
- <section>
- <title>Key Features</title>
- <itemizedlist>
- <listitem>
- <para>Highly customizable look-and-feel</para>
- </listitem>
- <listitem>
- <para>Different submission modes inside every group</para>
- </listitem>
- <listitem>
- <para>Optional submissions on expand collapse groups</para>
- </listitem>
- <listitem>
- <para>Custom and predefined icons supported</para>
- </listitem>
- <listitem>
- <para>Support for disabling</para>
- </listitem>
- </itemizedlist>
- </section>
- <section>
- <title>Details of Usage</title>
+ <title>
+ <rich:panelMenuGroup> <emphasis role="since"><superscript> available since <emphasis role="version">3.1.0</emphasis></superscript></emphasis>
+ </title>
+ <section>
+ <title>Description</title>
+ <para>
+ The <emphasis role="bold"><property><rich:panelMenuGroup></property></emphasis> defines an expandable group of <link linkend="rich_panelMenuItem"><rich:panelMenuItem></link> components inside the <link linkend="rich_panelMenu"><rich:panelMenu></link>.
+ </para>
+ <figure>
+ <title>
+ The <emphasis role="bold"><property><rich:panelMenuGroup></property></emphasis> component</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/panelMenuGroup_init.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+ </section>
+
+ <section>
+ <title>Key Features</title>
+ <itemizedlist>
+ <listitem>
+ <para>Different submission modes inside every group</para>
+ </listitem>
+ <listitem>
+ <para>Optional submissions on expand/collapse</para>
+ </listitem>
+ <listitem>
+ <para>Supports predefined and custom icons</para>
+ </listitem>
+ <listitem>
+ <para>Can be disabled</para>
+ </listitem>
+ <listitem>
+ <para>Has customizable look-and-feel</para>
+ </listitem>
+ </itemizedlist>
+ </section>
+
+ <section>
+ <title>Details of Usage</title>
+ <para>
+ All attributes except <emphasis><property>"label"</property></emphasis> are optional.
+ The <emphasis><property>"label"</property></emphasis> attribute defines text to be represented.
+ </para>
+ <para>
+ Switching mode could be chosen with the<emphasis><property>"expandMode"</property></emphasis> attribute for the concrete panelMenu group.
+ The <emphasis><property>"expandMode"</property></emphasis> attribute could be used with three possible parameters:
+ </para>
- <para>All attributes except <emphasis>
- <property>"label"</property>
- </emphasis> are optional. The <emphasis>
- <property>"label"</property>
- </emphasis> attribute defines text to be represented.</para>
- <para>Switching mode could be chosen with the<emphasis>
- <property> "expandMode"</property>
- </emphasis> attribute for the concrete panelMenu group.</para>
- <para>The <emphasis>
- <property>"expandMode"</property>
- </emphasis> attribute could be used with three possible parameters:</para>
-
<itemizedlist>
<listitem>
<para>
- <code>ServerM</code> (default)</para>
+ <code>ServerM</code> (default) — regular form submission request is used;
+ </para>
</listitem>
</itemizedlist>
- <para>Regular form submission request is used.</para>
-
<itemizedlist>
<listitem>
<para>
- <code>Ajax</code>
+ <code>Ajax</code> — Ajax submission is used for switching;
</para>
</listitem>
</itemizedlist>
- <para>Ajax submission is used for switching.</para>
-
<itemizedlist>
<listitem>
<para>
- <code>None</code>
+ <code>None</code>.
</para>
</listitem>
</itemizedlist>
<para>
<emphasis>
- <property>"Action"</property>
+ <property>"Action"</property>
</emphasis> and <emphasis>
- <property>"actionListener"</property>
+ <property>"actionListener"</property>
</emphasis> attributes are ignored. Items don't fire any submits itself. Behavior is
fully defined by the components nested into items.</para>
<para>There are three icon-related attributes. The <emphasis>
- <property>"iconExpanded"</property>
+ <property>"iconExpanded"</property>
</emphasis> attribute defines an icon for an expanded state. The <emphasis>
- <property>"iconCollapsed"</property>
+ <property>"iconCollapsed"</property>
</emphasis> attribute defines an icon for a collapsed state. The <emphasis>
- <property>"iconDisabled"</property>
- </emphasis> attribute defines an icon for a disabled state.</para>
+ <property>"iconDisabled"</property>
+ </emphasis> attribute defines an icon for a disabled state.
+ Default icons are shown on the picture below:</para>
- <para>Default icons are shown on the picture below:</para>
-
<figure>
<title>Default icons</title>
@@ -117,9 +103,7 @@
<para>Here is an example:</para>
- <para>
- <emphasis role="bold">Example:</emphasis>
- </para>
+
<programlisting role="XML"><![CDATA[...
<rich:panelMenu>
<rich:panelMenuGroup label="Group1" iconExpanded="disc" iconCollapsed="chevron">
@@ -162,7 +146,7 @@
<para>
Information about the <emphasis>
<property>"process"</property>
- </emphasis> attribute usage you can find <link linkend="process">" Decide what to process " </link> guide section.
+ </emphasis> attribute usage you can find "<link linkend="process">Decide what to process</link>" guide section.
</para>
</section>
<section>
@@ -233,117 +217,146 @@
<row>
<entry>expand()</entry>
- <entry>Expand group element</entry>
+ <entry>Expands group</entry>
</row>
<row>
<entry>collapse()</entry>
- <entry>Collapse group element</entry>
+ <entry>Collapses group</entry>
</row>
</tbody>
</tgroup>
</table>
- <table id="panelMenuC">
- <title>Classes names that define an upper level groups</title>
-
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Class name</entry>
-
- <entry>Description</entry>
- </row>
- </thead>
-
- <tbody>
-
- <row>
- <entry>rich-pmenu-top-group-self-icon</entry>
-
- <entry>Defines styles for a top group icon</entry>
- </row>
-
- <row>
- <entry>rich-pmenu-top-group-self-label</entry>
-
- <entry>Defines styles for a top group label</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
- <table>
- <title>Classes names that define a second and lower level groups</title>
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Class name</entry>
-
- <entry>Description</entry>
- </row>
- </thead>
-
- <tbody>
-
- <row>
- <entry>rich-pmenu-group</entry>
-
- <entry>Defines styles for a group</entry>
- </row>
-
- <row>
- <entry>rich-pmenu-group-self-icon</entry>
-
- <entry>Defines styles for a group icon</entry>
- </row>
-
- <row>
- <entry>rich-pmenu-group-self-label</entry>
-
- <entry>Defines styles for a group label</entry>
- </row>
- </tbody>
-
- </tgroup>
- </table>
- <table>
- <title>Classes names that define a group state</title>
-
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Class name</entry>
-
- <entry>Description</entry>
- </row>
- </thead>
-
- <tbody>
- <row>
- <entry>rich-pmenu-hovered-element</entry>
-
- <entry>Defines styles for a hovered group element</entry>
- </row>
+ <table id="tab_cn_pMG">
+ <title>Style classes (selectors) and mapped skin parameters</title>
+ <tgroup cols="4">
+ <thead>
+ <row>
+ <entry>Class name</entry>
+ <entry>Description</entry>
+ <entry>Skin parameter</entry>
+ <entry>CSS property</entry>
+ </row>
+ </thead>
+ <tbody>
+ <row>
+ <entry>.rich-pmenu-disabled-element</entry>
+ <entry>Defines styles for panel menu disabled element</entry>
+ <entry>tabDisabledTextColor</entry>
+ <entry>color</entry>
+ </row>
+ <row>
+ <entry morerows="4">.rich-pmenu-group</entry>
+ <entry morerows="4">Defines styles for panel menu group</entry>
+ <entry>generalTextColor</entry>
+ <entry>color</entry>
+ </row>
+ <row>
+ <entry>headerFamilyFont</entry>
+ <entry>font-family</entry>
+ </row>
+ <row>
+ <entry>headerSizeFont</entry>
+ <entry>font-size</entry>
+ </row>
+ <row>
+ <entry>headerWeightFont</entry>
+ <entry>font-weight</entry>
+ </row>
+ <row>
+ <entry>tableBorderColor</entry>
+ <entry>border-top-color</entry>
+ </row>
+ <row>
+ <entry>.rich-pmenu-hovered-element</entry>
+ <entry>Defines styles for panel menu hevered element</entry>
+ <entry>additionalBackgroundColor</entry>
+ <entry>background-color</entry>
+ </row>
+ <row>
+ <entry morerows="4">.rich-pmenu-top-group</entry>
+ <entry morerows="4">Defines styles for a top group element of a component</entry>
+ <entry>generalFamilyFont</entry>
+ <entry>font-family</entry>
+ </row>
+ <row>
+ <entry>headerSizeFont</entry>
+ <entry>font-size</entry>
+ </row>
+ <row>
+ <entry>headerTextColor</entry>
+ <entry>color</entry>
+ </row>
+ <row>
+ <entry>headerWeightFont</entry>
+ <entry>font-weight</entry>
+ </row>
+ <row>
+ <entry>headerBackgroundColor</entry>
+ <entry>background-color</entry>
+ </row>
+ <row>
+ <entry>.rich-pmenu-top-group-div</entry>
+ <entry>Defines styles for a top group div element of a component</entry>
+ <entry>panelBorderColor</entry>
+ <entry>border-color</entry>
+ </row>
+ </tbody>
+ </tgroup>
+ </table>
- <row>
- <entry>rich-pmenu-disabled-element</entry>
-
- <entry>Defines styles for a disabled group element</entry>
- </row>
- </tbody>
-
- </tgroup>
- </table>
- You can find all necessary information about style classes redefinition in
- <link linkend="customstyles">Definition of Custom Style Classes</link>
- section.
- </section>
+ <table>
+ <title>Internal style classes (selectors)</title>
+ <tgroup cols="2">
+ <thead>
+ <row>
+ <entry>Class name (selector)</entry>
+ <entry>Description</entry>
+ </row>
+ </thead>
+ <tbody>
+ <row>
+ <entry>.rich-pmenu-disabled-element</entry>
+ <entry>Defines styles for panel menu disabled element</entry>
+ </row>
+ <row>
+ <entry>.rich-pmenu-group</entry>
+ <entry>Defines styles for panel menu group</entry>
+ </row>
+ <row>
+ <entry>.rich-pmenu-group-self-label</entry>
+ <entry>Defines styles for panel menu group label</entry>
+ </row>
+ <row>
+ <entry>.rich-pmenu-nowrap</entry>
+ <entry>Defines styles for panel menu wrapper</entry>
+ </row>
+ <row>
+ <entry>.rich-pmenu-top-group</entry>
+ <entry>Defines styles for panel menu top group element</entry>
+ </row>
+ <row>
+ <entry>.rich-pmenu-top-group-div</entry>
+ <entry>Defines styles for panel menu top group div element</entry>
+ </row>
+ </tbody>
+ </tgroup>
+ </table>
+
+ <para>
+ You can find all necessary information about style classes redefinition in <link linkend="customstyles">Definition of Custom Style Classes</link> section.
+ </para>
+
+ </section>
<section>
<title>Relevant Resources Links</title>
<para>
- Some additional information about usage of component can be found
- <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/panelMenu.jsf?c=panel...">on the component Live Demo page</ulink>.
- </para>
+ Visit <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/panelMenu.jsf?c=panel...">panelMenuGroup page</ulink> at RichFaces LiveDemo for examples of component usage and their sources..
+ </para>
+ <para>
+ If you have any questions or ideas regarding the <emphasis role="bold"><property><rich:panelMenuGroup></property></emphasis> tell about them at the <ulink url="http://www.jboss.com/index.html?module=bb&op=viewtopic&p=4064191">RichFaces Users Forum</ulink>.
+ </para>
</section>
</section>
\ No newline at end of file
Modified: branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_panelMenuItem.xml
===================================================================
--- branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_panelMenuItem.xml 2009-09-28 04:36:20 UTC (rev 15674)
+++ branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/rich_panelMenuItem.xml 2009-09-28 10:08:51 UTC (rev 15675)
@@ -1,80 +1,74 @@
<section role="NotInToc" id="rich_panelMenuItem">
<title>
- <
- rich:panelMenuItem
- >
- <emphasis role="since">
- <superscript> available since <emphasis role="version">3.1.0</emphasis>
- </superscript>
- </emphasis>
+ <rich:panelMenuItem> <emphasis role="since"><superscript> available since <emphasis role="version">3.1.0</emphasis></superscript></emphasis>
</title>
<section>
<title>Description</title>
- <para>The <emphasis role="bold">
- <property><rich:panelMenuItem></property>
- </emphasis> component is used to define a single item inside popup list.</para>
- <figure>
+ <para>
+ The <emphasis role="bold"><property><rich:panelMenuItem></property></emphasis> defines a single item inside <link linkend="rich_panelMenuGroup"><rich:panelMenuGroup></link>.
+ </para>
+ <figure>
<title>
- <emphasis role="bold">
- <property><rich:panelMenuItem></property>
- </emphasis> component</title>
- <mediaobject>
- <imageobject>
- <imagedata fileref="images/panelMenuItem_init.png"/>
- </imageobject>
- </mediaobject>
- </figure>
+ The <emphasis role="bold"><property><rich:panelMenuItem></property></emphasis> component.
+ </title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/panelMenuItem_init.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
</section>
- <section>
- <title>Key Features</title>
- <itemizedlist>
- <listitem>
- <para>Highly customizable look-and-feel</para>
- </listitem>
- <listitem>
- <para>Different submission modes</para>
- </listitem>
- <listitem>
- <para>Optionally supports any content inside</para>
- </listitem>
- <listitem>
- <para>Custom and predefined icons supported</para>
- </listitem>
- <listitem>
- <para>Support for disabling</para>
- </listitem>
- </itemizedlist>
- </section>
- <section>
+
+ <section>
+ <title>Key Features</title>
+ <itemizedlist>
+ <listitem>
+ <para>Different submission modes inside every group</para>
+ </listitem>
+ <listitem>
+ <para>Optional submissions on expand/collapse</para>
+ </listitem>
+ <listitem>
+ <para>Supports predefined and custom icons</para>
+ </listitem>
+ <listitem>
+ <para>Can be disabled</para>
+ </listitem>
+ <listitem>
+ <para>Has customizable look-and-feel</para>
+ </listitem>
+ </itemizedlist>
+ </section>
+ <section>
+
<title>Details of Usage</title>
- <para>All attributes except <emphasis>
- <property>"label"</property>
- </emphasis> are optional. The <emphasis>
- <property>"label"</property>
- </emphasis> attribute defines text to be represented.</para>
- <para>The <emphasis>
- <property>"mode"</property>
- </emphasis> attribute could be used with three possible parameters:</para>
+ <para>
+ All attributes except <emphasis><property>"label"</property></emphasis> are optional.
+ The <emphasis><property>"label"</property></emphasis> attribute defines text to be represented.
+ </para>
+ <para>
+ The <emphasis><property>"mode"</property></emphasis> attribute could be used with three possible parameters:
+ </para>
<itemizedlist>
<listitem>
<para>
- <code>Server</code> (default)</para>
+ <code>Server</code> (default) — Regular form submission request is used.
+ </para>
</listitem>
</itemizedlist>
- <para>Regular form submission request is used.</para>
+
<itemizedlist>
<listitem>
<para>
- <code>Ajax</code>
+ <code>Ajax</code> — Ajax submission is used for switching.
</para>
</listitem>
</itemizedlist>
- <para>Ajax submission is used for switching.</para>
<itemizedlist>
<listitem>
@@ -85,19 +79,13 @@
</itemizedlist>
<para>
- <emphasis>
- <property>"Action"</property>
- </emphasis> and <emphasis>
- <property>"actionListener"</property>
- </emphasis> attributes are ignored. Items don't fire any
- submits itself. Behavior is fully defined by the components nested
- into items.</para>
+ <emphasis><property>"Action"</property></emphasis> and <emphasis><property>"actionListener"</property></emphasis> attributes are ignored.
+ Items don't fire any submits itself.
+ Behavior is fully defined by the components nested into items.
+
+ Here is an example for value <code>none</code>:
+ </para>
- <para>Here is an example for value "none":</para>
-
- <para>
- <emphasis role="bold">Example:</emphasis>
- </para>
<programlisting role="XML"><![CDATA[...
<rich:panelMenu>
...
@@ -110,12 +98,10 @@
</rich:panelMenu>
...]]></programlisting>
- <para>There are two icon-related attributes. The <emphasis>
- <property>"icon"</property>
- </emphasis> attribute defines an icon. The <emphasis>
- <property>"iconDisabled"</property>
- </emphasis> attribute defines an icon for a disabled item.</para>
-
+ <para>
+ There are two icon-related attributes. The <emphasis><property>"icon"</property></emphasis> attribute defines an icon.
+ The <emphasis><property>"iconDisabled"</property></emphasis> attribute defines an icon for a disabled item.
+ </para>
<para>Default icons are shown on the picture below:</para>
<figure>
@@ -128,11 +114,7 @@
</mediaobject>
</figure>
- <para>Here is an example:</para>
-
- <para>
- <emphasis role="bold">Example:</emphasis>
- </para>
+
<programlisting role="XML"><![CDATA[...
<rich:panelMenu>
...
@@ -154,8 +136,9 @@
</mediaobject>
</figure>
- <para>It's also possible to define a path to the icon. Simple code is
- placed below.</para>
+ <para>
+ It's also possible to define a path to the icon. Simple code is placed below.
+ </para>
<programlisting role="XML"><![CDATA[...
<rich:panelMenu>
@@ -164,179 +147,147 @@
...
</rich:panelMenu>
...]]></programlisting>
- <para> Information about the <emphasis>
- <property>"process"</property>
- </emphasis> attribute usage you can find in the
- <link linkend="process"> "Decide what to process" </link> guide section. </para>
- </section>
- <section>
+ <para>
+ Information about the <emphasis><property>"process"</property></emphasis> attribute usage you can find in the "<link linkend="process">Decide what to process</link>" guide section.
+ </para>
+</section>
+
+<section>
<title>Reference Data</title>
<para>
- <ulink url="&tlddoc;rich/panelMenuItem.html">Table of
- <rich:panelMenuItem>
- attributes</ulink>.
- </para>
+ <ulink url="&tlddoc;rich/panelMenuItem.html">Table of <rich:panelMenuItem> attributes</ulink>.
+ </para>
<table>
- <title>Component Identification Parameters</title>
-
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Name</entry>
-
- <entry>Value</entry>
- </row>
- </thead>
-
- <tbody>
- <row>
- <entry>component-type</entry>
-
- <entry>org.richfaces.PanelMenuItem</entry>
- </row>
-
- <row>
- <entry>component-class</entry>
-
- <entry>org.richfaces.component.html.HtmlPanelMenuItem</entry>
- </row>
-
- <row>
- <entry>component-family</entry>
-
- <entry>org.richfaces.PanelMenuItem</entry>
- </row>
-
- <row>
- <entry>renderer-type</entry>
-
- <entry>org.richfaces.PanelMenuItemRenderer</entry>
- </row>
-
- <row>
- <entry>tag-class</entry>
-
- <entry>org.richfaces.taglib.PanelMenuItemTag</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
+ <title>Component Identification Parameters</title>
+ <tgroup cols="2">
+ <thead>
+ <row>
+ <entry>Name</entry>
+ <entry>Value</entry>
+ </row>
+ </thead>
+ <tbody>
+ <row>
+ <entry>component-type</entry>
+ <entry>org.richfaces.PanelMenuItem</entry>
+ </row>
+ <row>
+ <entry>component-class</entry>
+ <entry>org.richfaces.component.html.HtmlPanelMenuItem</entry>
+ </row>
+ <row>
+ <entry>component-family</entry>
+ <entry>org.richfaces.PanelMenuItem</entry>
+ </row>
+ <row>
+ <entry>renderer-type</entry>
+ <entry>org.richfaces.PanelMenuItemRenderer</entry>
+ </row>
+ <row>
+ <entry>tag-class</entry>
+ <entry>org.richfaces.taglib.PanelMenuItemTag</entry>
+ </row>
+ </tbody>
+ </tgroup>
+ </table>
+
<table id="tab_cn_pMI">
- <title>Classes names that define the first level items</title>
-
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Class name</entry>
-
- <entry>Description</entry>
- </row>
- </thead>
-
- <tbody>
- <row>
- <entry>rich-pmenu-top-item</entry>
-
- <entry>Defines styles for a top panel
- menu item</entry>
- </row>
-
- <row>
- <entry>rich-pmenu-top-item-icon</entry>
-
- <entry>Defines styles for a top panel
- menu item icon</entry>
- </row>
-
- <row>
- <entry>rich-pmenu-top-item-label</entry>
-
- <entry>Defines styles for a top panel
- menu item label</entry>
- </row>
-
- </tbody>
- </tgroup>
- </table>
- <table>
- <title>Classes names that define the second and lower level items</title>
-
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Class name</entry>
-
- <entry>Description</entry>
- </row>
- </thead>
-
- <tbody>
- <row>
- <entry>rich-pmenu-item</entry>
-
- <entry>Defines styles for a panel menu
- item</entry>
- </row>
-
- <row>
- <entry>rich-pmenu-item-icon</entry>
-
- <entry>Defines styles for a panel menu
- item icon</entry>
- </row>
-
- <row>
- <entry>rich-pmenu-item-label</entry>
-
- <entry>Defines styles for a panel menu
- item label</entry>
- </row>
-
- </tbody>
- </tgroup>
- </table>
- <table>
- <title>Classes names that define items state</title>
-
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Class name</entry>
-
- <entry>Description</entry>
- </row>
- </thead>
-
- <tbody>
- <row>
- <entry>rich-pmenu-item-selected</entry>
-
- <entry>Defines styles for a panel menu
- selected item</entry>
- </row>
-
- <row>
- <entry>rich-pmenu-disabled-element</entry>
-
- <entry>Defines styles for a disabled
- panel menu item</entry>
- </row>
-
- <row>
- <entry>rich-pmenu-hovered-element</entry>
-
- <entry>Defines styles for a hovered
- panel menu item</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
- You can find all necessary information about style classes redefinition in
- <link linkend="customstyles">Definition of Custom Style Classes</link>
- section.
- </section>
+ <title>Style classes (selectors) and mapped skin parameters</title>
+ <tgroup cols="4">
+ <thead>
+ <row>
+ <entry>Class name</entry>
+ <entry>Description</entry>
+ <entry>Skin parameter</entry>
+ <entry>CSS property</entry>
+ </row>
+ </thead>
+ <tbody>
+ <row>
+ <entry>.rich-pmenu-disabled-element</entry>
+ <entry>Defines styles for panel menu disabled element</entry>
+ <entry>tabDisabledTextColor</entry>
+ <entry>color</entry>
+ </row>
+ <row>
+ <entry>.rich-pmenu-hovered-element</entry>
+ <entry>Defines styles for panel menu hevered element</entry>
+ <entry>additionalBackgroundColor</entry>
+ <entry>background-color</entry>
+ </row>
+ <row>
+ <entry morerows="4">.rich-pmenu-item</entry>
+ <entry morerows="4">Defines styles for panel menu item</entry>
+ <entry>generalTextColor</entry>
+ <entry>color</entry>
+ </row>
+ <row>
+ <entry>generalFamilyFont</entry>
+ <entry>font-family</entry>
+ </row>
+ <row>
+ <entry>genealSizeFont</entry>
+ <entry>font-size</entry>
+ </row>
+ <row>
+ <entry>generalWeightFont</entry>
+ <entry>font-weight</entry>
+ </row>
+ <row>
+ <entry>tableBorderColor</entry>
+ <entry>border-top-color</entry>
+ </row>
+
+ </tbody>
+ </tgroup>
+ </table>
+
+ <table>
+ <title>Internal style classes (selectors)</title>
+ <tgroup cols="2">
+ <thead>
+ <row>
+ <entry>Class name (selector)</entry>
+ <entry>Description</entry>
+ </row>
+ </thead>
+ <tbody>
+ <row>
+ <entry>.rich-pmenu-disabled-element</entry>
+ <entry>Defines styles for panel menu disabled element</entry>
+ </row>
+ <row>
+ <entry>.rich-pmenu-group-self-label</entry>
+ <entry>Defines styles for panel menu group label</entry>
+ </row>
+ <row>
+ <entry>.rich-pmenu-item</entry>
+ <entry>Defines styles for panel menu item</entry>
+ </row>
+ <row>
+ <entry>.rich-pmenu-selected-element</entry>
+ <entry>Defines styles for panel menu selected element</entry>
+ </row>
+
+ </tbody>
+ </tgroup>
+ </table>
+
+ <para>
+ You can find all necessary information about style classes redefinition in
+ <link linkend="customstyles">Definition of Custom Style Classes</link>
+ section.
+
+ </para>
+
+ </section>
<section>
<title>Relevant Resources Links</title>
- <para> Some additional information about usage of component can be found on this <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/panelMenu.jsf?c=panel...">LiveDemo page</ulink>. </para>
+ <para>
+ Visit <ulink url="http://livedemo.exadel.com/richfaces-demo/richfaces/panelMenu.jsf?c=panel...">panelMenuItem page</ulink> at RichFaces LiveDemo for examples of component usage and their sources.
+ </para>
+ <para>
+ If you have any questions or ideas regarding the <emphasis role="bold"><property><rich:panelMenu></property></emphasis> tell about them at the <ulink url="http://www.jboss.com/index.html?module=bb&op=viewtopic&p=4064191">RichFaces Users Forum</ulink>.
+ </para>
</section>
</section>
\ No newline at end of file
15 years, 3 months
JBoss Rich Faces SVN: r15674 - branches/community/3.3.X/ui/tabPanel/src/main/java/org/richfaces/component.
by richfaces-svn-commits@lists.jboss.org
Author: alexsmirnov
Date: 2009-09-28 00:36:20 -0400 (Mon, 28 Sep 2009)
New Revision: 15674
Modified:
branches/community/3.3.X/ui/tabPanel/src/main/java/org/richfaces/component/UITabPanel.java
Log:
https://jira.jboss.org/jira/browse/RF-7353
Modified: branches/community/3.3.X/ui/tabPanel/src/main/java/org/richfaces/component/UITabPanel.java
===================================================================
--- branches/community/3.3.X/ui/tabPanel/src/main/java/org/richfaces/component/UITabPanel.java 2009-09-27 23:21:24 UTC (rev 15673)
+++ branches/community/3.3.X/ui/tabPanel/src/main/java/org/richfaces/component/UITabPanel.java 2009-09-28 04:36:20 UTC (rev 15674)
@@ -52,7 +52,7 @@
protected Iterator getSwitchedFacetsAndChildren() {
- final Object renderedValue = this.restoredRenderedValue;
+ final Object renderedValue = null != this.restoredRenderedValue?this.restoredRenderedValue:getRenderedValue();
return new IteratorChain(new FilterIterator(getRenderedTabs(), new Predicate() {
@@ -167,8 +167,8 @@
Object[] states = (Object[]) state;
super.restoreState(context, states[0]);
this.renderedValue = states[1];
- //TODO remove that
- this.restoredRenderedValue = getRenderedValue();
+ // https://jira.jboss.org/jira/browse/RF-7353 - getRenderedValue() can call wrong bean instance.
+ this.restoredRenderedValue = this.renderedValue;//getRenderedValue();
}
private static final Predicate RENDERED_TAB_PREDICATE = new Predicate() {
15 years, 3 months