JBoss Rich Faces SVN: r7680 - branches/3.1.x/test-applications.
by richfaces-svn-commits＠lists.jboss.org
Author: ayanul
Date: 2008-04-08 13:55:41 -0400 (Tue, 08 Apr 2008)
New Revision: 7680
Modified:
branches/3.1.x/test-applications/pom.xml
Log:
fix
Modified: branches/3.1.x/test-applications/pom.xml
===================================================================
--- branches/3.1.x/test-applications/pom.xml 2008-04-08 17:52:39 UTC (rev 7679)
+++ branches/3.1.x/test-applications/pom.xml 2008-04-08 17:55:41 UTC (rev 7680)
@@ -32,8 +32,8 @@
<updatePolicy>always</updatePolicy>
</snapshots>
- <id>snapshots.jboss.org</id>
- <name>JBoss snapshots repository</name>
+ <id>repository.jboss.org</id>
+ <name>JBoss repository repository</name>
<url>http://repository.jboss.org/maven2/</url>
<layout>default</layout>
</repository>
16 years, 9 months
JBoss Rich Faces SVN: r7679 - branches/3.1.x/test-applications.
by richfaces-svn-commits＠lists.jboss.org
Author: ayanul
Date: 2008-04-08 13:52:39 -0400 (Tue, 08 Apr 2008)
New Revision: 7679
Modified:
branches/3.1.x/test-applications/pom.xml
Log:
+add repository
Modified: branches/3.1.x/test-applications/pom.xml
===================================================================
--- branches/3.1.x/test-applications/pom.xml 2008-04-08 16:30:53 UTC (rev 7678)
+++ branches/3.1.x/test-applications/pom.xml 2008-04-08 17:52:39 UTC (rev 7679)
@@ -28,6 +28,21 @@
</releases>
<snapshots>
+ <enabled>false</enabled>
+ <updatePolicy>always</updatePolicy>
+ </snapshots>
+
+ <id>snapshots.jboss.org</id>
+ <name>JBoss snapshots repository</name>
+ <url>http://repository.jboss.org/maven2/</url>
+ <layout>default</layout>
+ </repository>
+ <repository>
+ <releases>
+ <enabled>false</enabled>
+ </releases>
+
+ <snapshots>
<enabled>true</enabled>
<updatePolicy>always</updatePolicy>
</snapshots>
@@ -36,7 +51,7 @@
<name>JBoss snapshots repository</name>
<url>http://snapshots.jboss.org/maven2/</url>
<layout>default</layout>
- </repository>
+ </repository>
</repositories>
<modelVersion>4.0.0</modelVersion>
16 years, 9 months
JBoss Rich Faces SVN: r7677 - trunk/docs/userguide/en/src/main/resources/images.
by richfaces-svn-commits＠lists.jboss.org
Author: msorokin
Date: 2008-04-08 12:30:39 -0400 (Tue, 08 Apr 2008)
New Revision: 7677
Modified:
trunk/docs/userguide/en/src/main/resources/images/inplaceInputClasses.png
trunk/docs/userguide/en/src/main/resources/images/inplaceInputEdit.png
Log:
http://jira.jboss.com/jira/browse/RF-1226
image was fixed
Modified: trunk/docs/userguide/en/src/main/resources/images/inplaceInputClasses.png
===================================================================
(Binary files differ)
Modified: trunk/docs/userguide/en/src/main/resources/images/inplaceInputEdit.png
===================================================================
(Binary files differ)
16 years, 9 months
JBoss Rich Faces SVN: r7676 - trunk/docs/userguide/en/src/main/resources/images.
by richfaces-svn-commits＠lists.jboss.org
Author: msorokin
Date: 2008-04-08 12:30:26 -0400 (Tue, 08 Apr 2008)
New Revision: 7676
Modified:
trunk/docs/userguide/en/src/main/resources/images/inplaceInputRich-inplace-field.png
trunk/docs/userguide/en/src/main/resources/images/inplaceInputShowControls.png
trunk/docs/userguide/en/src/main/resources/images/inplaceInputShowControlsAlignLeft.png
Log:
http://jira.jboss.com/jira/browse/RF-1226
image was fixed
Modified: trunk/docs/userguide/en/src/main/resources/images/inplaceInputRich-inplace-field.png
===================================================================
(Binary files differ)
Modified: trunk/docs/userguide/en/src/main/resources/images/inplaceInputShowControls.png
===================================================================
(Binary files differ)
Modified: trunk/docs/userguide/en/src/main/resources/images/inplaceInputShowControlsAlignLeft.png
===================================================================
(Binary files differ)
16 years, 9 months
JBoss Rich Faces SVN: r7673 - trunk/ui/inplaceInput/src/main/config/component.
by richfaces-svn-commits＠lists.jboss.org
Author: artdaw
Date: 2008-04-08 12:27:47 -0400 (Tue, 08 Apr 2008)
New Revision: 7673
Modified:
trunk/ui/inplaceInput/src/main/config/component/inplaceinput.xml
Log:
http://jira.jboss.com/jira/browse/RF-1226 - 'value' attribute description was added
Modified: trunk/ui/inplaceInput/src/main/config/component/inplaceinput.xml
===================================================================
--- trunk/ui/inplaceInput/src/main/config/component/inplaceinput.xml 2008-04-08 16:26:37 UTC (rev 7672)
+++ trunk/ui/inplaceInput/src/main/config/component/inplaceinput.xml 2008-04-08 16:27:47 UTC (rev 7673)
@@ -31,12 +31,8 @@
<test/>
</tag>
<properties>
+
<property>
- <name>value</name>
- <classname>java.lang.String</classname>
- <description>contains saved data</description>
- </property>
- <property>
<name>layout</name>
<classname>java.lang.String</classname>
<description>defines how the component is displayed in the layout, can be block or inline</description>
@@ -273,6 +269,11 @@
</property>
&html_events;
&ui_input_attributes;
+ <property>
+ <name>value</name>
+ <classname>java.lang.Object</classname>
+ <description>A value-binding expression for the current value of the component</description>
+ </property>
<property hidden="true">
<name>localValueSet</name>
<classname>boolean</classname>
16 years, 9 months
JBoss Rich Faces SVN: r7672 - trunk/docs/userguide/en/src/main/docbook/included.
by richfaces-svn-commits＠lists.jboss.org
Author: artdaw
Date: 2008-04-08 12:26:37 -0400 (Tue, 08 Apr 2008)
New Revision: 7672
Modified:
trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.xml
Log:
http://jira.jboss.com/jira/browse/RF-1226 - Details of Usage were changed
Modified: trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.xml 2008-04-08 16:26:19 UTC (rev 7671)
+++ trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.xml 2008-04-08 16:26:37 UTC (rev 7672)
@@ -21,10 +21,10 @@
<entry>component-type</entry>
<entry>org.richfaces.inplaceInput</entry>
</row>
- <!--row>
+ <row>
<entry>component-class</entry>
- <entry></entry>
- </row-->
+ <entry>org.richfaces.component.html.HtmlInplaceInput</entry>
+ </row>
<row>
<entry>component-family</entry>
<entry>org.richfaces.inplaceInput</entry>
@@ -61,25 +61,64 @@
...]]></programlisting>
</section>
-
-
-
-
<!-- Start Details of Usage-->
<section>
<title>Details of Usage</title>
<para>
As it was mentioned earlier the
- <emphasis role="bold"><property><rich:inplaceInput></property> </emphasis>
- component was designed to facilitate displaying and inputting(editing) string type data.
+ <emphasis role="bold"><property><rich:inplaceInput></property></emphasis>
+ component was designed to facilitate displaying and inputting(editing) some data.
</para>
<para>
+ The <emphasis><property>"value"</property></emphasis> attribute is a value-binding expression for the current value of the component.
+ </para>
+
+ <!--para>
+ However, if
+ <emphasis><property>"value"</property></emphasis>
+ attribute is not defined, you can use
+ <emphasis><property>"defaultLabel"</property></emphasis> attribute
+ which displays some default text while
+ <emphasis><property>"value"</property></emphasis>
+ attribute stays undefined.
+ </para-->
+
+ <para>
The component has three functional states:
+ </para>
<itemizedlist>
<listitem>
- <para><property>View</property>state displays some sting type data that <emphasis><property>"value"</property></emphasis> or <emphasis><property>"defaultLabel"</property></emphasis> attributes contain;</para>
+ <para>
+ <property>View</property> state displays default label with the value taken from
+ <emphasis><property>"value"</property></emphasis> or <emphasis><property>"defaultLabel"</property></emphasis> attributes.
+ </para>
+ <para>
+ If the initial value of the <emphasis><property>"value"</property></emphasis>
+ attribute is "null" or <property>empty string</property>
+ the <emphasis><property>"defaultLabel"</property></emphasis> attribute is used to define default label.
+ </para>
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="XML"><![CDATA[...
+<rich:inplaceInput value="#{bean.value}" defaultLabel="click to edit"/>
+...]]> </programlisting>
+ <para>
+ The managed bean code:
+ </para>
+ <programlisting role="JAVA"><![CDATA[...
+private String value = null;
+...]]> </programlisting>
+ <para>
+ In the example above the <emphasis><property>"value"</property></emphasis> attribute is "null";
+ therefore "click to edit" value is displayed since it is placed into the
+ <emphasis><property>"defaultLabel"</property></emphasis> attribute.
+ </para>
+ <para>
+ This is the result:
+ </para>
<figure>
<title>View state</title>
<mediaobject>
@@ -87,11 +126,13 @@
<imagedata fileref="images/inplaceInputView.png"/>
</imageobject>
</mediaobject>
- </figure>
- </listitem>
+ </figure>
+ </listitem>
<listitem>
- <para><property>Edit</property> state - the text can be edited and saved;</para>
- <figure>
+ <para>
+ <property>Edit</property> state - input representation to allow value edit
+ </para>
+ <figure>
<title>Edit state</title>
<mediaobject>
<imageobject>
@@ -101,8 +142,8 @@
</figure>
</listitem>
<listitem>
- <para><property>Changed</property> state - displays the edited text and indicates that it was edited, changed;</para>
- <figure>
+ <para><property>Changed</property> state - value representation after it was changed</para>
+ <figure>
<title>Changed state</title>
<mediaobject>
<imageobject>
@@ -111,60 +152,84 @@
</mediaobject>
</figure>
</listitem>
- </itemizedlist>
-
+ </itemizedlist>
+
+ <para>
+ The <emphasis><property>"editEvent"</property></emphasis> attribute provides an option to assign an JavaScript action
+ that initiates the change of the state from <property>view</property> to <property>edit</property>.
+ The default value is "onclick".
+ </para>
+ <para>
+ <emphasis role="bold">Example:</emphasis>
</para>
+ <programlisting role="XML"><![CDATA[...
+<rich:inplaceInput value="#{bean.value}" editEvent="onmouseover"/>
+...]]> </programlisting>
+ <!--note>
+ <title>Note:</title>
+ <para>
+ Do not use "on" prefix applying event action. E.g. use "click" instead of "onClick", use "mouseover" instead of "onMouseOver".
+ </para>
+ </note-->
+
+ <para>
+ The <emphasis role="bold"><property><rich:inplaceInput></property></emphasis>
+ component provides specific event attributes:
+ </para>
+ <itemizedlist>
+ <listitem>
+ <para>
+ <emphasis><property>"oneditactivation"</property></emphasis> which is fired on <property>edit</property> state activation
+ </para>
+ </listitem>
+ <listitem>
+ <para>
+ <emphasis><property>"oneditactivated"</property></emphasis> which is fired when <property>edit</property> state is activated
+ </para>
+ </listitem>
+ <listitem>
+ <para>
+ <emphasis><property>"onviewactivation"</property></emphasis> which is fired on <property>view</property> state activation
+ </para>
+ </listitem>
+ <listitem>
+ <para>
+ <emphasis><property>"onviewactivated"</property></emphasis> which is fired after the component is changed to representation state
+ </para>
+ </listitem>
+ </itemizedlist>
-
-
-
- <para>
- The main attribute of the component is
- <emphasis><property>"value"</property></emphasis>
- it displays the text on a page, the text can be edited by clicking (default action, which can be redefined) on it.
- </para>
-
- <para>
- However, if
- <emphasis><property>"value"</property></emphasis>
- attribute is not defined, you can use
- <emphasis><property>"defaultLabel"</property></emphasis> attribute
- which displays some default text while
- <emphasis><property>"value"</property></emphasis>
- attribute stays undefined.
- </para>
-
<para>
<emphasis role="bold">Example:</emphasis>
- </para>
-
+ </para>
<programlisting role="XML"><![CDATA[...
-<rich:inplaceInput value="#{bean.value}" defaultLabel="click to edit"/>
-...]]> </programlisting>
+<rich:inplaceInput value="#{bean.value}" oneditactivation="if (confirm('Are you sure you want to change value?')){return false;}" />
+...]]> </programlisting>
<para>
- In the shown example,
- <emphasis><property>"value"</property></emphasis> attribute is not defined;
- therefore default text "Click to edit" is displayed
- since it is placed into the
- <emphasis><property>"defaultLabel"</property></emphasis> attribute.
+ The given code illustrates how <emphasis><property>"oneditactivation"</property></emphasis> attribute works,
+ namely when the state is being changed from <property>view</property> to <property>edit</property>,
+ a confirmation window with a message "Are you sure you want to change value?" comes up.
</para>
+ <para>
+ The <emphasis><property>"selectOnEdit"</property></emphasis> (with possible values "true", "false") gives you an
+ option to make the text in the input field selected right after the change from <property>view</property> state to <property>edit</property> occurs.
+ </para>
<para>
- Input data is saved (submitted) automatically whenever the input field loses focus.
- Nevertheless, you can use the
- <emphasis><property>"showControls"</property></emphasis>
- attribute, which makes "Save" and "Cancel" buttons
- appear next to the input field.
+ If the <emphasis role="bold"><property><rich:inplaceInput></property></emphasis> loses focus input data is saved automatically
+ and the component displays new value.
+ Nevertheless, you can use the <emphasis><property>"showControls"</property></emphasis>
+ attribute, which makes "Save" and "Cancel" buttons appear next to the input field.
</para>
<para>
<emphasis role="bold">Example:</emphasis>
</para>
<programlisting role="XML"><![CDATA[...
-<rich:inplaceInput value="#{bean.value}" defaultLabel='click to edit' showControls="true"/>
+<rich:inplaceInput value="#{bean.value}" showControls="true"/>
...]]> </programlisting>
<figure>
@@ -177,21 +242,32 @@
</figure>
<para>
You can also position the controls relatively to the input field, by means of
- <emphasis><property>" controlsHorizontalPosition"</property></emphasis>
- <emphasis><property>" controlsVerticalPosition "</property></emphasis>
- attributes.
-
- The
- <emphasis><property>" controlsHorizontalPosition"</property></emphasis> attribute has
- "left", "right" and "center" definitions.
-
- The
- <emphasis><property>" controlsVerticalPosition "</property></emphasis>
- attribute has "bottom", "center" and "top" definitions.
- </para>
-
+ </para>
+ <itemizedlist>
+ <listitem>
+ <para>
+ The <emphasis><property>"controlsHorizontalPosition"</property></emphasis> attribute
+ with "left", "right" and "center" definitions
+ </para>
+ </listitem>
+ <listitem>
+ <para>
+ <emphasis><property>"controlsVerticalPosition "</property></emphasis> attribute
+ with "bottom", "center" and "top" definitions
+ </para>
+ </listitem>
+ </itemizedlist>
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="XML"><![CDATA[...
+<rich:inplaceInput value="#{bean.value}" showControls="true" controlsVerticalPosition="bottom" controlsHorizontalPosition="left"/>
+...]]> </programlisting>
+ <para>
+ This is the result:
+ </para>
<figure>
- <title>Positioning of "save" and "cancel" buttons</title>
+ <title>Positioning of "Save" and "Cancel" buttons</title>
<mediaobject>
<imageobject>
<imagedata fileref="images/inplaceInputShowControlsAlignLeft.png"/>
@@ -200,6 +276,33 @@
</figure>
<para>
+ It is also possible to use <emphasis><property>"controls"</property></emphasis> facet in order to replace the default controls with facets content.
+ See the example below.
+ </para>
+ <para>
+ <emphasis role="bold">Example:</emphasis>
+ </para>
+ <programlisting role="XML"><![CDATA[...
+<rich:inplaceInput defaultLabel="Click here to edit" showControls="true" controlsHorizontalPosition="left" controlsVerticalPosition="bottom" id="inplaceInput">
+ <f:facet name="controls">
+ <button onclick="#{rich:component('inplaceInput')}.save();" type="button">Save</button>
+ <button onclick="#{rich:component('inplaceInput')}.cancel();" type="button">Cancel</button>
+ </f:facet>
+</rich:inplaceInput>
+...]]> </programlisting>
+ <para>
+ This is the result:
+ </para>
+ <figure>
+ <title><emphasis><property>"controls"</property></emphasis> facet usage</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/inplaceInputFacet.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
+ <!--para>
Redefinition of the
"save" and "cancel" icons can be performed using
<emphasis><property>"saveControlIcon"</property></emphasis>
@@ -226,96 +329,30 @@
<imagedata fileref="images/inplaceInputShowControlsCustom.png"/>
</imageobject>
</mediaobject>
- </figure>
- <para>
- The
- <emphasis><property>"inputWidth"</property></emphasis>,
- <emphasis><property>"minInputWidth"</property></emphasis>, and
- <emphasis><property>"maxInputWidth"</property></emphasis>
- attributes are provided to specify the width, minimal width and maximal width for the input element respectively.
-
-
-
-
- </para>
-
-
- <para>
- The
- <emphasis><property>"editEvent"</property></emphasis>
- attribute provides an option to assign an JavaScript action that initiates the change of the state from
- <property>view</property>
- to
- <property>edit</property>.
-
-
- The default value is "click".
-
- </para>
-
-
-
- <note>
- <para>
-
- Do not use "on" prefix applying event action. E.g. use "click" instead of "onClick", use "mouseover" instead of "onMouseOver".
-
- </para>
- </note>
-
-
- <para>
- Having multiple
- <emphasis role="bold"><property><rich:inplaceInput></property></emphasis>
- components
- on a page you can use <emphasis><property>"tabindex"</property></emphasis> attribute that enables switching (tabbing)
- between the components by pressing the “Tab” key.
- Switching order is determined by the value of the attribute which is an integer between 0 and 32767.
- </para>
-
-
- <para>
-
- The
+ </figure-->
- <emphasis><property>"selectOnEdit"</property></emphasis>
- (with possible values "true", "false") gives you an
- option to make the text in the input area selected right after the change from
- <property>view</property> state to <property>edit</property> occurs.
-
- </para>
-<para>
- The
- <emphasis><property>" oneditactivation"</property></emphasis> ,
- <emphasis><property>"oneditactivated"</property></emphasis> ,
- <emphasis><property>"onviewactivation"</property></emphasis>
- and
- <emphasis><property>" onviewactivated"</property></emphasis> attributes
- provide a possibility to assign JavaScript code on
- <property>edit</property> state activation, on
- <property>edit</property> state activated,on
-<property>view</property> state activation and on
-<property>view</property> state activated respectively.
-</para>
-
-
<para>
- <emphasis role="bold">Example:</emphasis>
- </para>
- <programlisting role="XML"><![CDATA[...
-<rich:inplaceInput value="#{bean.value}" defaultLabel='click to edit'
- onviewactivated="if (confirm('Are you sure you want to change value?')){return false;}" />
-...]]> </programlisting>
- <para>
- The given code illustrates how onviewactivation attribute works,
- namely when the state is being changed from
- <property>edit</property> to
- <property>view</property>,
- a confirmation window with a message
- "Are you sure you want to change value?" comes up.
+ The <emphasis role="bold"><property><rich:inplaceInput></property></emphasis> component could be rendered with
+ <emphasis role="bold"><property><span></property></emphasis> or <emphasis role="bold"><property><div></property></emphasis>
+ elements to display its value.
+ In order to change default <emphasis role="bold"><property><span></property></emphasis> output,
+ use <emphasis><property>"layout"</property></emphasis> attribute with "block" value.
</para>
+ <para>
+ The <emphasis role="bold"><property><rich:inplaceInput></property></emphasis> component supports standard
+ <emphasis><property>"tabindex"</property></emphasis> attribute.
+ When the component gets focus the <property>edit</property> mode is activated.
+ </para>
+ <para>
+ The
+ <emphasis><property>"inputWidth"</property></emphasis>,
+ <emphasis><property>"minInputWidth"</property></emphasis>,
+ <emphasis><property>"maxInputWidth"</property></emphasis>
+ attributes are provided to specify the width, minimal width and maximal width for the input element respectively.
+ </para>
+
<table>
<title>Keyboard usage</title>
<tgroup cols="2">
@@ -332,12 +369,11 @@
</row>
<row>
<entry>ESC</entry>
- <entry>changes the state from edit to view or changed, value is not affected</entry>
+ <entry>Changes the state from edit to view or changed, value is not affected</entry>
</row>
-
<row>
<entry>TAB</entry>
- <entry>switches between the components</entry>
+ <entry>Switches between the components</entry>
</row>
</tbody>
</tgroup>
@@ -365,13 +401,11 @@
<!--Sorting API -->
<row>
<entry>edit()</entry>
- <entry>changes the state to edit </entry>
-
+ <entry>Changes the state to edit </entry>
</row>
<row>
<entry>cancel()</entry>
<entry>Changes its state to the previous one before editing (changed or view)</entry>
-
</row>
<row>
<entry>save()</entry>
@@ -381,12 +415,10 @@
<entry>getValue()</entry>
<entry>Gets the current value</entry>
</row>
-
<row>
<entry>setValue(newValue)</entry>
<entry>Sets the current value</entry>
</row>
-
</tbody>
</tgroup>
</table>
@@ -424,7 +456,6 @@
<thead>
<row>
<entry>Skin parameters</entry>
-
<entry>CSS properties</entry>
</row>
</thead>
@@ -432,25 +463,18 @@
<tbody>
<row>
<entry>tabBackgroundColor</entry>
-
<entry>background-color</entry>
</row>
<row>
<entry>panelBorderColor</entry>
-
<entry>border-color</entry>
</row>
<row>
<entry>panelBorderColor</entry>
-
<entry>border-color</entry>
</row>
-
-
-
-
</tbody>
</tgroup>
</table>
@@ -462,7 +486,6 @@
<thead>
<row>
<entry>Skin parameters</entry>
-
<entry>CSS properties</entry>
</row>
</thead>
@@ -470,12 +493,10 @@
<tbody>
<row>
<entry>editorBackgroundColor</entry>
-
<entry>background-color</entry>
</row>
<row>
<entry>generalTextColor</entry>
-
<entry>border-bottom-color</entry>
</row>
</tbody>
@@ -491,7 +512,6 @@
<thead>
<row>
<entry>Skin parameters</entry>
-
<entry>CSS properties</entry>
</row>
</thead>
@@ -499,13 +519,11 @@
<tbody>
<row>
<entry>editorBackgroundColor</entry>
-
<entry>background-color</entry>
</row>
<row>
<entry>generalTextColo</entry>
-
<entry>border-bottom-color</entry>
</row>
</tbody>
@@ -519,7 +537,6 @@
<thead>
<row>
<entry>Skin parameters</entry>
-
<entry>CSS properties</entry>
</row>
</thead>
@@ -527,13 +544,11 @@
<tbody>
<row>
<entry>editBackgroundColor</entry>
-
<entry>background-color</entry>
</row>
<row>
<entry>panelBorderColor</entry>
-
<entry>border-color</entry>
</row>
</tbody>
@@ -550,7 +565,6 @@
<title>Definition of Custom Style Classes</title>
<para>On the screenshot there are classes names that define styles for component elements.</para>
-
<figure>
<title>Classes names</title>
<mediaobject>
@@ -559,8 +573,7 @@
</imageobject>
</mediaobject>
</figure>
-
-
+
<table>
<title>Class name for the view state</title>
<tgroup cols="2">
@@ -575,21 +588,14 @@
<entry>rich-inplace-view</entry>
<entry>Defines styles for the view state</entry>
</row>
-
<row>
<entry>rich-inplace-input-view-hover</entry>
<entry>Defines styles for hovered text in the view state </entry>
</row>
-
</tbody>
</tgroup>
</table>
-
-
-
-
-
<table>
<title>Class name for the input field in edit state</title>
<tgroup cols="2">
@@ -604,12 +610,10 @@
<entry>rich-inplace-field</entry>
<entry>Defines styles for input field look and feel in edit state</entry>
</row>
-
</tbody>
</tgroup>
</table>
-
<table>
<title>Class name for the "Changed" state</title>
<tgroup cols="2">
@@ -627,9 +631,7 @@
<row>
<entry> rich-inplace-input-changed-hover </entry>
<entry>Defines styles for the hovered text in the "Changed" state</entry>
- </row>
-
- rich-inplace-input-changed-hover
+ </row>
</tbody>
</tgroup>
</table>
@@ -653,11 +655,11 @@
<entry>Defines styles for the controls</entry>
</row>
<row>
- <entry>.rich-inplace-control-press</entry>
+ <entry>rich-inplace-control-press</entry>
<entry>Defines styles for the controls when either of the buttons is pressed</entry>
</row>
<row>
- <entry>.rich-inplace-shadow-size</entry>
+ <entry>rich-inplace-shadow-size</entry>
<entry>Defines size of the shadow</entry>
</row>
<row>
@@ -680,21 +682,19 @@
</tbody>
</tgroup>
</table>
+
+ <para>
+ In order to redefine styles for all <emphasis role="bold"><property><rich:inplaceInput></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="tab_cn3"> above</link>) and define necessary properties in them.
+ </para>
-
-
-
- <para>In order to redefine styles for all <emphasis role="bold">
- <property><rich:inplaceInput></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="tab_cn3"> above</link>) and define necessary properties in them. </para>
-
<para>
<emphasis role="bold">Example:</emphasis>
</para>
<programlisting role="CSS"><![CDATA[...
.rich-inplace-field {
-font-style: bold;
+ font-style: italic;
}
...]]></programlisting>
@@ -711,27 +711,28 @@
</figure>
<para>In the shown example the font in <property>edit</property> state is changed to bold.</para>
-
-
-
-
- <para>It's aslo possible to change styles of a particular
- <emphasis role="bold"> <property><rich:inplaceInput></property></emphasis> component. In this case you should create own style classes and use them in corresponding <emphasis role="bold"><property><rich:inplaceInput></property></emphasis> <property>styleClass</property> attributes. An example is placed below:</para>
<para>
+ It's aslo possible to change styles of a particular <emphasis role="bold"> <property><rich:inplaceInput></property></emphasis> component.
+ In this case you should create own style classes and use them in corresponding
+ <emphasis role="bold"><property><rich:inplaceInput></property></emphasis><property>styleClass</property> attributes.
+ An example is placed below:
+ </para>
+ <para>
<emphasis role="bold">Example:</emphasis>
</para>
<programlisting role="CSS"><![CDATA[...
.myClass {
-color: #008cca;
+ color: #008cca;
}
...]]></programlisting>
- <para>The <emphasis><property>"styleClass"</property></emphasis> attribute for <emphasis role="bold"
- ><property><rich:inplaceInput> </property></emphasis> is defined as it’s shown in the example below:</para>
-
<para>
+ The <emphasis><property>"viewClass"</property></emphasis> attribute for
+ the <emphasis role="bold"><property><rich:inplaceInput></property></emphasis> is defined as it's shown in the example below:
+ </para>
+ <para>
<emphasis role="bold">Example:</emphasis>
</para>
- <programlisting role="CSS"><![CDATA[...<rich:inplaceInput value="click to edit" styleClass="myClass"/>
+ <programlisting role="XML"><![CDATA[...<rich:inplaceInput value="click to edit" styleClass="myClass"/>
]]></programlisting>
<para>This is a result:</para>
@@ -748,8 +749,6 @@
<para>As it could be seen on the picture above, the font color of the text on the component was changed.</para>
</section>
- -->
-
<section>
<title>Relevant Resources Links</title>
<para>
16 years, 9 months
JBoss Rich Faces SVN: r7671 - trunk/docs/userguide/en/src/main/docbook/included.
by richfaces-svn-commits＠lists.jboss.org
Author: artdaw
Date: 2008-04-08 12:26:19 -0400 (Tue, 08 Apr 2008)
New Revision: 7671
Modified:
trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.desc.xml
Log:
http://jira.jboss.com/jira/browse/RF-1226 - Key features were changed according to doc-file
Modified: trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.desc.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.desc.xml 2008-04-08 16:26:00 UTC (rev 7670)
+++ trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.desc.xml 2008-04-08 16:26:19 UTC (rev 7671)
@@ -2,6 +2,7 @@
<section>
<sectioninfo>
<keywordset>
+ <keyword>inplaceInput</keyword>
<keyword>rich:inplaceInput</keyword>
</keywordset>
</sectioninfo>
@@ -9,8 +10,7 @@
<title>Description</title>
<para>The <emphasis role="bold">
<property><rich:inplaceInput></property>
- </emphasis> is an input component used for displaying and editing textual data. </para>
-
+ </emphasis> is an input component used for displaying and editing data inputted. </para>
<figure>
<title><emphasis role="bold"><property><rich:inplaceInput></property></emphasis> component</title>
<mediaobject>
@@ -23,10 +23,27 @@
<section>
<title>Key Features</title>
<itemizedlist>
- <listitem>Option to display "Save", "Cancel" buttons</listitem>
- <listitem>Possibility to assign an JavaScript action on state change</listitem>
- <listitem>Switching between<emphasis role="bold"><property><rich:inplaceInput></property></emphasis> components using "Tab" key</listitem>
- <listitem>Resizable input field</listitem>
- </itemizedlist>
+ <listitem>
+ <para>View/changed/edit states highly customizable representations</para>
+ </listitem>
+ <listitem>
+ <para>Changing state event customization</para>
+ </listitem>
+ <listitem>
+ <para>Possibility to call custom JavaScript function on state changes</para>
+ </listitem>
+ <listitem>
+ <para>Optional "inline" or "block" element rendering on a page</para>
+ </listitem>
+ <listitem>
+ <para>Edit mode activation when the component got focus with the "Tab"</para>
+ </listitem>
+ <listitem>
+ <para>Sizes synchronizations between modes</para>
+ </listitem>
+ <listitem>
+ <para>Hight controls customization</para>
+ </listitem>
+ </itemizedlist>
</section>
</section>
\ No newline at end of file
16 years, 9 months