Author: atsebro
Date: 2008-08-27 13:07:59 -0400 (Wed, 27 Aug 2008)
New Revision: 10211
Modified:
trunk/docs/userguide/en/src/main/docbook/included/extendedDataTable.desc.xml
trunk/docs/userguide/en/src/main/docbook/included/extendedDataTable.xml
Log:
RF-4131:extendedDataTable-Documenting
Modified: trunk/docs/userguide/en/src/main/docbook/included/extendedDataTable.desc.xml
===================================================================
---
trunk/docs/userguide/en/src/main/docbook/included/extendedDataTable.desc.xml 2008-08-27
16:51:11 UTC (rev 10210)
+++
trunk/docs/userguide/en/src/main/docbook/included/extendedDataTable.desc.xml 2008-08-27
17:07:59 UTC (rev 10211)
@@ -7,34 +7,63 @@
<section>
- <sectioninfo>
- <keywordset>
- <keyword>&extDataTable;</keyword>
- </keywordset>
- </sectioninfo>
- <section>
- <title>Description</title>
- <para>The component for tables extending standard component <emphasis
role="bold">
- <property><rich:dataTable></property>
- </emphasis>.</para>
- <figure>
- <title><emphasis
role="bold"><property><&extDataTable;></property></emphasis>
component</title>
- <mediaobject>
- <imageobject>
- <imagedata fileref="images/extendedDataTable_init.png"
width="75%"/>
- </imageobject>
- </mediaobject>
- </figure>
- </section>
- <section>
- <title>Key Features</title>
- <itemizedlist>
- <listitem><para>Possibility to scroll
data</para></listitem>
- <listitem><para>Possibility to add an attribute to set the kind
of selection (none, single line or multiple lines)</para></listitem>
- <listitem><para>Possibility to change the sequence of the
displayed columns by dragging the column-header to another
position</para></listitem>
- <listitem><para>Possibility to show or hide columns by selecting
or deselecting them in a context menu</para></listitem>
- <listitem><para>Possibility to save the current settings (visible
columns, column width, sequence of the columns) to be reused the next time the page will
be shown</para></listitem>
- <listitem><para>Possibility to combine rows to
groups</para></listitem>
- </itemizedlist>
- </section>
-</section>
\ No newline at end of file
+ <sectioninfo>
+ <keywordset>
+ <keyword>&extDataTable;</keyword>
+ </keywordset>
+ </sectioninfo>
+ <section>
+ <title>Description</title>
+ <note>
+ <title>Note:</title>
+ <para>The component is released with
"Preview" marker</para>
+ </note>
+ <para>The component for tables extending standard component
<emphasis
+ role="bold">
+
<property><rich:dataTable></property>
+ </emphasis>.</para>
+ <figure>
+ <title><emphasis role="bold">
+
<property><&extDataTable;></property>
+ </emphasis> component</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata
+
fileref="images/extendedDataTable_init.png"
+ width="75%"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+ </section>
+ <section>
+ <title>Key Features</title>
+ <itemizedlist>
+ <listitem>
+ <para>Possibility to scroll
data</para>
+ </listitem>
+ <listitem>
+ <para>Possibility to add an attribute to
set the kind of
+ selection (none, single line or
multiple
+ lines)</para>
+ </listitem>
+ <listitem>
+ <para>Possibility to change the sequence of
the displayed
+ columns by dragging the column-header
to another
+ position</para>
+ </listitem>
+ <listitem>
+ <para>Possibility to show or hide columns
by selecting or
+ deselecting them in a context
menu</para>
+ </listitem>
+ <listitem>
+ <para>Possibility to save the current
settings (visible
+ columns, column width, sequence of the
columns) to
+ be reused the next time the page will
be
+ shown</para>
+ </listitem>
+ <listitem>
+ <para>Possibility to combine rows to
groups</para>
+ </listitem>
+ </itemizedlist>
+ </section>
+</section>
Modified: trunk/docs/userguide/en/src/main/docbook/included/extendedDataTable.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/extendedDataTable.xml 2008-08-27
16:51:11 UTC (rev 10210)
+++ trunk/docs/userguide/en/src/main/docbook/included/extendedDataTable.xml 2008-08-27
17:07:59 UTC (rev 10211)
@@ -6,56 +6,56 @@
<section>
- <sectioninfo>
- <keywordset>
- <keyword>table</keyword>
- <keyword>&extDataTable;</keyword>
- <keyword>HtmlDataTable</keyword>
- </keywordset>
- </sectioninfo>
+ <sectioninfo>
+ <keywordset>
+ <keyword>table</keyword>
+ <keyword>&extDataTable;</keyword>
+ <keyword>HtmlDataTable</keyword>
+ </keywordset>
+ </sectioninfo>
- <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.ExtendedDataTable</entry>
- </row>
- <row>
- <entry>component-class</entry>
- <entry>org.richfaces.component.html.HtmlExtendedDataTable</entry>
- </row>
- <row>
- <entry>component-family</entry>
- <entry>org.richfaces.ExtendedDataTable</entry>
- </row>
- <row>
- <entry>renderer-type</entry>
- <entry>org.richfaces.ExtendedDataTableRenderer</entry>
- </row>
- <row>
- <entry>tag-class</entry>
- <entry>org.richfaces.taglib.ExtendedDataTableTag</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
-
- <section>
- <title>Creating the Component with a Page Tag</title>
- <para>Here is a simple example as it could be used on a page:</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.ExtendedDataTable</entry>
+ </row>
+ <row>
+
<entry>component-class</entry>
+
<entry>org.richfaces.component.html.HtmlExtendedDataTable</entry>
+ </row>
+ <row>
+
<entry>component-family</entry>
+
<entry>org.richfaces.ExtendedDataTable</entry>
+ </row>
+ <row>
+
<entry>renderer-type</entry>
+
<entry>org.richfaces.ExtendedDataTableRenderer</entry>
+ </row>
+ <row>
+ <entry>tag-class</entry>
+
<entry>org.richfaces.taglib.ExtendedDataTableTag</entry>
+ </row>
+ </tbody>
+ </tgroup>
+ </table>
- <para>
- <emphasis role="bold">Example:</emphasis>
- </para>
- <programlisting role="XML"><![CDATA[...
+ <section>
+ <title>Creating the Component with a Page Tag</title>
+ <para>Here is a simple example as it could be used on a
page:</para>
+
+ <para>
+ <emphasis
role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="XML"><![CDATA[...
<rich:extendedDataTable value="#{extendedDT.dataModel}"
var="edt">
<rich:column>
...
@@ -63,39 +63,42 @@
</rich:extendedDataTable>
...
]]></programlisting>
- </section>
- <section>
- <title>Creating the Component Dynamically from Java</title>
+ </section>
+ <section>
+ <title>Creating the Component Dynamically from
Java</title>
- <para>
- <emphasis role="bold">Example:</emphasis>
- </para>
- <programlisting role="JAVA"><![CDATA[import
org.richfaces.component.html.HtmlExtendedDataTable;
+ <para>
+ <emphasis
role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="JAVA"><![CDATA[import
org.richfaces.component.html.HtmlExtendedDataTable;
...
HtmlExtendedDataTable myTable = new HtmlExtendedDataTable();
...
]]></programlisting>
- </section>
- <section>
- <title>Details of Usage</title>
- <para>The <emphasis role="bold">
- <property><&extDataTable;></property>
- </emphasis> component is similar to the <emphasis role="bold">
- <property><rich:dataTable></property>
- </emphasis>. The data in component is scrollable. You can also set the type of
selection (<emphasis>
- <property>"none",</property>
- </emphasis> <emphasis>
- <property>"single"</property>
- </emphasis> or <emphasis>
- <property>"multi"</property>
- </emphasis> lines). Selection of multiple lines is possible using Shift and Ctrl
keys.</para>
-
- <para>Here is an example:</para>
+ </section>
+ <section>
+ <title>Details of Usage</title>
+ <para>The <emphasis role="bold">
+
<property><&extDataTable;></property>
+ </emphasis> component is similar to the <emphasis
role="bold">
+
<property><rich:dataTable></property>
+ </emphasis>. The data in component is scrollable. You
can also set the
+ type of selection (<emphasis>
+
<property>"none",</property>
+ </emphasis>
+ <emphasis>
+
<property>"single"</property>
+ </emphasis> or <emphasis>
+
<property>"multi"</property>
+ </emphasis> lines). Selection of multiple lines is
possible using
+ Shift and Ctrl keys.</para>
- <para>
- <emphasis role="bold">Example:</emphasis>
- </para>
- <programlisting role="XML"><![CDATA[...
+ <para>Here is an example:</para>
+
+ <para>
+ <emphasis
role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="XML"><![CDATA[...
<rich:extendedDataTable id="edt"
value="#{extendedDT.dataModel}"
var="edt" width="500px" height="500px"
selectedClass="dataTableSelectedRow"
@@ -147,109 +150,116 @@
...
]]></programlisting>
- <figure>
- <title><emphasis role="bold">
- <property><&extDataTable;></property>
- </emphasis> component with selected multiple lines</title>
- <mediaobject>
- <imageobject>
- <imagedata fileref="images/extendedDataTable_multiselect.png"
width="75%"/>
- </imageobject>
- </mediaobject>
- </figure>
- <para>Information about sorting and filtering can be found <link
linkend="sort">here</link>.</para>
-
- <para> In the example <emphasis>
- <property>"selection"</property>
- </emphasis> attribute contains object with selected rows.
- </para>
-
- <note><title>Note:</title><para>
- Attribute<emphasis>
- <property>"height"</property>
- </emphasis>is mandatory. The default value is <emphasis>
- <property>"500px"</property>
- </emphasis>.
- </para></note>
-
- <para>
- Menu on the right side of the column header is used to perform action: sorting,
grouping, hiding columns.
- </para>
-
- <para>This is an example:</para>
-
- <figure>
- <title>Column menu</title>
- <mediaobject>
- <imageobject>
- <imagedata fileref="images/extendedDataTable_actions.png"
width="50%"/>
- </imageobject>
- </mediaobject>
- </figure>
-
- <para>
- After selecting a "Group by this column" option, you can see the data
grouped. You can collapse and expand groups by clicking on a group header.
- </para>
-
- <para>This is an example:</para>
-
- <figure>
- <title><emphasis role="bold">
- <property><&extDataTable;></property>
- </emphasis> component with grouped data</title>
- <mediaobject>
- <imageobject>
- <imagedata fileref="images/extendedDataTable_grouped.png"
width="75%"/>
- </imageobject>
- </mediaobject>
- </figure>
-
- <para>
- The <emphasis>
- <property>"label"</property>
- </emphasis> attribute in <emphasis role="bold">
- <property><rich:column></property>
- </emphasis> sets the name of the column, which is used when dragging columns (in
drag window) and in context menu, in "Columns" submenu.
- </para>
-
- <para>
- <emphasis role="bold">Example:</emphasis>
- </para>
- <programlisting role="XML"><![CDATA[...
+ <figure>
+ <title><emphasis role="bold">
+
<property><&extDataTable;></property>
+ </emphasis> component with selected
multiple lines</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata
+
fileref="images/extendedDataTable_init2.png"
+ width="75%"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+ <para>Information about sorting and filtering can be found
<link linkend="sort"
+ >here</link>.</para>
+
+ <para> In the example <emphasis>
+
<property>"selection"</property>
+ </emphasis> attribute contains object with selected
rows. </para>
+
+ <note>
+ <title>Note:</title>
+ <para> Attribute<emphasis>
+
<property>"height"</property>
+ </emphasis>is mandatory. The default value
is <emphasis>
+
<property>"500px"</property>
+ </emphasis>. </para>
+ </note>
+
+ <para> Menu on the right side of the column header is used to
perform action:
+ sorting, grouping, hiding columns. </para>
+
+ <para>This is an example:</para>
+
+ <figure>
+ <title>Column menu</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata
+
fileref="images/extendedDataTable_init3.png"
+ width="50%"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para> After selecting a "Group by this column"
option, you can see the data
+ grouped. You can collapse and expand groups by clicking on
a group
+ header. </para>
+
+ <para>This is an example:</para>
+
+ <figure>
+ <title><emphasis role="bold">
+
<property><&extDataTable;></property>
+ </emphasis> component with grouped
data</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata
+
fileref="images/extendedDataTable_4.png"
+ width="75%"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para> The <emphasis>
+
<property>"label"</property>
+ </emphasis> attribute in <emphasis
role="bold">
+
<property><rich:column></property>
+ </emphasis> sets the name of the column, which is
used when dragging
+ columns (in drag window) and in context menu, in
"Columns" submenu. </para>
+
+ <para>
+ <emphasis
role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="XML"><![CDATA[...
<rich:column id="name"
label="#{msg['name']}"
...>
]]></programlisting>
-
- <figure>
- <title><emphasis role="bold">
- <property><&extDataTable;></property>
- </emphasis> component with Drag&Drop column 'Name'</title>
- <mediaobject>
- <imageobject>
- <imagedata fileref="images/extendedDataTable_DD.png"
width="75%"/>
- </imageobject>
- </mediaobject>
- </figure>
-
- <para>
- In the component <emphasis role="bold">
- <property><&extDataTable;></property>
- </emphasis> columns can hidden:
- </para>
-
- <figure>
- <title><emphasis role="bold">
- <property><&extDataTable;></property>
- </emphasis> component with hidden column 'Id' and
'Group'</title>
- <mediaobject>
- <imageobject>
- <imagedata fileref="images/extendedDataTable_hideCol.png"
width="75%"/>
- </imageobject>
- </mediaobject>
- </figure>
-
- <!-- <para>
+
+ <figure>
+ <title><emphasis role="bold">
+
<property><&extDataTable;></property>
+ </emphasis> component with
Drag&Drop column 'Name'</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata
+
fileref="images/extendedDataTable_5.png"
+ width="75%"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <para> In the component <emphasis role="bold">
+
<property><&extDataTable;></property>
+ </emphasis> columns can hidden: </para>
+
+ <figure>
+ <title><emphasis role="bold">
+
<property><&extDataTable;></property>
+ </emphasis> component with hidden column
'Id' and 'Group'</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata
+
fileref="images/extendedDataTable_6.png"
+ width="75%"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <!-- <para>
For each column can be set the filter.
</para>
@@ -272,303 +282,325 @@
</imageobject>
</mediaobject>
</figure>
- -->
- <para><emphasis>
- <property>"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 state saving mechanisms.</para>
+ -->
+ <para><emphasis>
+
<property>"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
+ state saving mechanisms.</para>
- <para>
- <emphasis role="bold">Example:</emphasis>
- </para>
+ <para>
+ <emphasis
role="bold">Example:</emphasis>
+ </para>
- <programlisting role="XML"><![CDATA[...
+ <programlisting role="XML"><![CDATA[...
tableState="#{extendedDT.tableState}"
...
]]></programlisting>
-
-
- </section>
- <section>
- <title>Look-and-Feel Customization</title>
- <para>For skinnability implementation, the components use a <emphasis>
- <property>style class redefinition method.</property>
- </emphasis> Default style classes are mapped on <emphasis>
- <property>skin parameters.</property>
- </emphasis></para>
- <para>There are two ways to redefine the appearance of all <emphasis
role="bold">
- <property><&extDataTable;></property>
- </emphasis> components at once:</para>
+ </section>
+ <section>
+ <title>Look-and-Feel Customization</title>
- <itemizedlist>
- <listitem>
- <para>Redefine the corresponding skin parameters</para>
- </listitem>
+ <para>For skinnability implementation, the components use a
<emphasis>
+ <property>style class redefinition
method.</property>
+ </emphasis> Default style classes are mapped on
<emphasis>
+ <property>skin
parameters.</property>
+ </emphasis></para>
- <listitem>
- <para>Add to your style sheets <emphasis>
- <property>style classes</property>
- </emphasis> used by a <emphasis role="bold">
- <property><&extDataTable;></property>
- </emphasis> component</para>
- </listitem>
- </itemizedlist>
- </section>
+ <para>There are two ways to redefine the appearance of all
<emphasis role="bold">
+
<property><&extDataTable;></property>
+ </emphasis> components at once:</para>
- <section id="ExtSPR">
- <title>Skin Parameters Redefinition</title>
+ <itemizedlist>
+ <listitem>
+ <para>Redefine the corresponding skin
parameters</para>
+ </listitem>
- <table>
- <title>Skin parameters redefinition for a table</title>
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Skin parameters</entry>
- <entry>CSS properties</entry>
- </row>
- </thead>
- <tbody>
- <row>
- <entry>tableBackgroundColor</entry>
- <entry>background-color</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
+ <listitem>
+ <para>Add to your style sheets
<emphasis>
+ <property>style
classes</property>
+ </emphasis> used by a
<emphasis role="bold">
+
<property><&extDataTable;></property>
+ </emphasis>
component</para>
+ </listitem>
+ </itemizedlist>
+ </section>
- <table>
- <title>Skin parameters redefinition for a header</title>
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Skin parameters</entry>
- <entry>CSS properties</entry>
- </row>
- </thead>
- <tbody>
- <row>
- <entry>headerBackgroundColor</entry>
- <entry>background-color</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
+ <section id="ExtSPR">
+ <title>Skin Parameters Redefinition</title>
- <table>
- <title>Skin parameters redefinition for a footer</title>
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Skin parameters</entry>
- <entry>CSS properties</entry>
- </row>
- </thead>
- <tbody>
- <row>
- <entry>tableFooterBackgroundColor</entry>
- <entry>background-color</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
+ <table>
+ <title>Skin parameters redefinition for a
table</title>
+ <tgroup cols="2">
+ <thead>
+ <row>
+ <entry>Skin
parameters</entry>
+ <entry>CSS
properties</entry>
+ </row>
+ </thead>
+ <tbody>
+ <row>
+
<entry>tableBackgroundColor</entry>
+
<entry>background-color</entry>
+ </row>
+ </tbody>
+ </tgroup>
+ </table>
- <table>
- <title>Skin parameters redefinition for a column header</title>
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Skin parameters</entry>
- <entry>CSS properties</entry>
- </row>
- </thead>
- <tbody>
- <row>
- <entry>additionalBackgroundColor</entry>
- <entry>background-color</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
+ <table>
+ <title>Skin parameters redefinition for a
header</title>
+ <tgroup cols="2">
+ <thead>
+ <row>
+ <entry>Skin
parameters</entry>
+ <entry>CSS
properties</entry>
+ </row>
+ </thead>
+ <tbody>
+ <row>
+
<entry>headerBackgroundColor</entry>
+
<entry>background-color</entry>
+ </row>
+ </tbody>
+ </tgroup>
+ </table>
- <table>
- <title>Skin parameters redefinition for a column footer</title>
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Skin parameters</entry>
- <entry>CSS properties</entry>
- </row>
- </thead>
- <tbody>
- <row>
- <entry>tableSubfooterBackgroundColor</entry>
- <entry>background-color</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
+ <table>
+ <title>Skin parameters redefinition for a
footer</title>
+ <tgroup cols="2">
+ <thead>
+ <row>
+ <entry>Skin
parameters</entry>
+ <entry>CSS
properties</entry>
+ </row>
+ </thead>
+ <tbody>
+ <row>
+
<entry>tableFooterBackgroundColor</entry>
+
<entry>background-color</entry>
+ </row>
+ </tbody>
+ </tgroup>
+ </table>
- <table>
- <title>Skin parameters redefinition for cells</title>
- <tgroup cols="2">
- <thead>
- <row>
- <entry>Skin parameters</entry>
- <entry>CSS properties</entry>
- </row>
- </thead>
- <tbody>
- <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>
- </tbody>
- </tgroup>
- </table>
+ <table>
+ <title>Skin parameters redefinition for a column
header</title>
+ <tgroup cols="2">
+ <thead>
+ <row>
+ <entry>Skin
parameters</entry>
+ <entry>CSS
properties</entry>
+ </row>
+ </thead>
+ <tbody>
+ <row>
+
<entry>additionalBackgroundColor</entry>
+
<entry>background-color</entry>
+ </row>
+ </tbody>
+ </tgroup>
+ </table>
- </section>
+ <table>
+ <title>Skin parameters redefinition for a column
footer</title>
+ <tgroup cols="2">
+ <thead>
+ <row>
+ <entry>Skin
parameters</entry>
+ <entry>CSS
properties</entry>
+ </row>
+ </thead>
+ <tbody>
+ <row>
+
<entry>tableSubfooterBackgroundColor</entry>
+
<entry>background-color</entry>
+ </row>
+ </tbody>
+ </tgroup>
+ </table>
- <section id="ExtDofCCS">
- <title>Definition of Custom Style Classes</title>
+ <table>
+ <title>Skin parameters redefinition for
cells</title>
+ <tgroup cols="2">
+ <thead>
+ <row>
+ <entry>Skin
parameters</entry>
+ <entry>CSS
properties</entry>
+ </row>
+ </thead>
+ <tbody>
+ <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>
+ </tbody>
+ </tgroup>
+ </table>
- <para>On the screenshot there are classes names that define styles for component
elements.</para>
+ </section>
- <figure>
- <title><emphasis
role="bold"><property><&extDataTable;></property></emphasis>
class names</title>
- <mediaobject>
- <imageobject>
- <imagedata fileref="images/extendedDataTable_cn.png"
width="100%"/>
- </imageobject>
- </mediaobject>
- </figure>
+ <section id="ExtDofCCS">
+ <title>Definition of Custom Style Classes</title>
- <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>
+ <para>On the screenshot there are classes names that define
styles for component
+ elements.</para>
- <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>
+ <figure>
+ <title><emphasis role="bold">
+
<property><&extDataTable;></property>
+ </emphasis> class names</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata
+
fileref="images/extendedDataTable_cn.png"
+ width="100%"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
- <row>
- <entry>rich-extdt-header</entry>
- <entry>Defines styles for a table header row</entry>
- </row>
+ <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>
- <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>
+ <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-footer</entry>
- <entry>Defines styles for a footer row</entry>
- </row>
+ <row>
+
<entry>rich-extdt-header</entry>
+ <entry>Defines styles for a table
header
+ 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>
+ <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>
- <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-footer</entry>
+ <entry>Defines styles for a
footer
+ row</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-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>
- <row>
- <entry>rich-extdt-footercell</entry>
- <entry>Defines styles for a footer cell</entry>
- </row>
+ <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-subfootercell</entry>
- <entry>Defines styles for a column footer cell</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
+ <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>
- <para> An example of use the styles for component <emphasis
role="bold">
- <property><&extDataTable;></property>
- </emphasis> is similar to
- <emphasis role="bold">
- <property><rich:dataTable></property>
- </emphasis>
- </para>
-
- </section>
+ <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>
+ </tbody>
+ </tgroup>
+ </table>
+
+ <para> An example of use the styles for component <emphasis
role="bold">
+
<property><&extDataTable;></property>
+ </emphasis> is similar to <emphasis
role="bold">
+
<property><rich:dataTable></property>
+ </emphasis>
+ </para>
+
+ </section>
</section>