Author: atsebro
Date: 2009-08-14 09:36:16 -0400 (Fri, 14 Aug 2009)
New Revision: 15176
Modified:
branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/editor.xml
Log:
RF-7689: rich:editor component description review
Modified: branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/editor.xml
===================================================================
---
branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/editor.xml 2009-08-14
08:20:51 UTC (rev 15175)
+++
branches/community/3.3.X/docs/userguide/en/src/main/docbook/included/editor.xml 2009-08-14
13:36:16 UTC (rev 15176)
@@ -1164,107 +1164,87 @@
- </section>
- <section id="EditorDefinitionofCustomStyleSelectors">
- <title>Definition of Custom Style Selectors</title>
+ </section>
+
+ <section id="EditorDefinitionofCustomStyleSelectors">
+ <title>Definition of Custom Style Selectors</title>
- <para>On the screenshot there are CSS selectors that
define styles for component elements.</para>
-
- <figure>
+ <para>On the screenshot there are CSS selectors that define styles for
component elements.</para>
+
+ <figure>
<title>Classes names</title>
<mediaobject>
<imageobject>
<imagedata
fileref="images/editor3.png"/>
</imageobject>
</mediaobject>
- </figure>
+ </figure>
+
+ <table>
+ <title>CSS selectors for the layout of the editor</title>
+ <tgroup cols="4">
+ <thead>
+ <row>
+ <entry>Class name (selector)</entry>
+ <entry>Description</entry>
+ <entry>Skin Parameter</entry>
+ <entry>CSS property</entry>
+ </row>
+ </thead>
+ <tbody>
+ <row>
+ <entry>.richfacesSkin .mceButton</entry>
+ <entry>Defines styles for the
buttons</entry>
+ </row>
+ <row>
+ <entry>.richfacesSkin .mceButtonDisabled
.mceIcon </entry>
+ <entry>Defines styles for the
icons</entry>
+ </row>
+ <row>
+ <entry>.richfacesSkin
.mceIframeContainer</entry>
+ <entry>Defines styles for the
container</entry>
+ </row>
+ <row>
+ <entry>.richfacesSkin
.mceListBox</entry>
+ <entry>Defines styles for the list
box</entry>
+ </row>
+ <row>
+ <entry>.richfacesSkin .mceMenu</entry>
+ <entry>Defines styles for the
menus</entry>
+ </row>
+ <row>
+ <entry>.richfacesSkin .mceMenu
.mceMenuItemActive</entry>
+ <entry>Defines styles for the active menu
items</entry>
+ </row>
+ <row>
+ <entry>.richfacesSkin .mceMenu
.mceMenuItemActive</entry>
+ <entry>Defines styles for the active menu
items</entry>
+ </row>
+ <row>
+ <entry>.richfacesSkin
.mceSeparator</entry>
+ <entry>Defines styles for the buttons
separator</entry>
+ </row>
+ <row>
+ <entry>.richfacesSkin
.mceToolbar</entry>
+ <entry>Defines styles for the
toolbar</entry>
+ </row>
+ <row>
+ <entry morerows="2">.richfacesSkin
table.mceLayout</entry>
+ <entry morerows="2">Defines styles
for the table layout</entry>
+ <entry>additionalBackgroundColor</entry>
+ <entry>panelBorderColor</entry>
+ </row>
+ <row>
+ <entry>.richfacesSkin
table.mceToolbar</entry>
+ <entry>Defines styles for the rows of icons
within toolbar</entry>
+ </row>
+ </tbody>
+ </tgroup>
+ </table>
+
- <table>
- <title>CSS selectors for the layout of the
editor</title>
-
- <tgroup cols="2">
- <thead>
- <row>
-
<entry>Selector</entry>
-
-
<entry>Description</entry>
- </row>
- </thead>
-
- <tbody>
- <row>
- <entry>.richfacesSkin
table.mceToolbar</entry>
- <entry>Defines styles
for the rows of icons within toolbar</entry>
- </row>
- <row>
- <entry>.richfacesSkin
.mceButton</entry>
- <entry>Defines styles
for the buttons</entry>
- </row>
- <row>
- <entry>.richfacesSkin
.mceButtonDisabled .mceIcon </entry>
- <entry>Defines styles
for the icons</entry>
- </row>
- <row>
- <entry>.richfacesSkin
.mceListBox</entry>
- <entry>Defines styles
for the list box</entry>
- </row>
- <row>
- <entry>.richfacesSkin
.mceSeparator</entry>
- <entry>Defines styles
for the buttons separator</entry>
- </row>
- <row>
- <entry>.richfacesSkin
.mceIframeContainer</entry>
- <entry>Defines styles
for the container</entry>
- </row>
-
- <row>
- <entry>.richfacesSkin
table.mceLayout</entry>
- <entry>Defines styles
for the table layout</entry>
- </row>
- <row>
- <entry>.richfacesSkin
.mceToolbar</entry>
- <entry>Defines styles
for the toolbar</entry>
- </row>
-
-
- </tbody>
- </tgroup>
- </table>
-
-
-
- <table>
- <title>CSS selectors for the menus</title>
-
- <tgroup cols="2">
- <thead>
- <row>
-
<entry>Selector</entry>
-
-
<entry>Description</entry>
- </row>
- </thead>
-
- <tbody>
- <row>
- <entry>.richfacesSkin
.mceMenu</entry>
- <entry>Defines styles
for the menus</entry>
- </row>
-
- <row>
- <entry>.richfacesSkin
.mceMenu .mceMenuItemActive</entry>
- <entry>Defines styles
for the active menu items</entry>
- </row>
-
-
- <row>
- <entry>.richfacesSkin
.mceMenu .mceMenuItemActive</entry>
- <entry>Defines styles
for the active menu items</entry>
- </row>
- </tbody>
- </tgroup>
- </table>
- <para>In order to redefine styles for all <emphasis
role="bold">
+
+ <para>In order to redefine styles for all <emphasis
role="bold">
<property><rich:editor></property>
</emphasis> components on a page using CSS, it's
enough to create classes with the
same names (possible classes could be found in the tables
<link linkend="EditorDefinitionofCustomStyleSelectors">above</link>)
and define necessary properties in them.