10:51 a.m.
Author: smukhina
Date: 2008-03-21 11:51:32 -0400 (Fri, 21 Mar 2008)
New Revision: 7063
Modified:
trunk/samples/richfaces-demo/src/main/webapp/richfaces/comboBox/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceInput/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/pickList/usage.xhtml
Log:
http://jira.jboss.com/jira/browse/RF-398
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/comboBox/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/comboBox/usage.xhtml 2008-03-21
15:31:53 UTC (rev 7062)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/comboBox/usage.xhtml 2008-03-21
15:51:32 UTC (rev 7063)
@@ -10,22 +10,22 @@
<p>
The component provides editable combobox element on the page.
- </p>
- <p><b>
- Combo Box</b> is a simplified select based version of <i>Suggestion
Box</i> component.
- </p>
- <ul>
- <li>uses client side suggestions</li>
- <li>Declarative definition with f:selectItem(s) components.</li>
- <li>Using list of string objects</li>
- </ul>
- <p>
- Using selectItem(s) for suggestion definition you should define only value
- of the selectItem. It will be used both for displaying and storing.
- </p>
- <p>
- First simple example shows declarative definition with f:selectItem components.
- Just enter <b>"s"</b> letter or click icon in order to trigger
the suggestion.
+ </p>
+ <p><b>
+ Combo Box</b> is a simplified select based version of <i>Suggestion
Box</i> component, which uses
+ </p>
+ <ul>
+ <li>client side suggestions</li>
+ <li>declarative definition with f:selectItem(s) components</li>
+ <li>a list of string objects</li>
+ </ul>
+ <p>
+ When using selectItem(s) for suggestion definition you should define only value
+ of the selectItem. It is used both for displaying and storing.
+ </p>
+ <p>
+ The first simple example shows a declarative definition with f:selectItem components.
+ Just enter <b>"s"</b> letter or click icon in order to trigger
the suggestion.
</p>
<div class="sample-container" >
<ui:include src="/richfaces/comboBox/examples/simple.xhtml"/>
@@ -34,9 +34,9 @@
</ui:include>
</div>
<p>
- Next example uses simple select Items list to provide suggestions. Also comboBox
- does not select first item by default after list appears
(<b>selectFirstOnUpdate </b>attribute
- usage). Just enter any letter or click icon in order to trigger the suggestion.
+ The next example uses a simple select Items list to provide suggestions. Also
comboBox
+ does not select the first item by default after a list appears
(<b>selectFirstOnUpdate </b>attribute
+ usage). Just enter any letter or click an icon in order to trigger the suggestion.
</p>
<div class="sample-container" >
<ui:include src="/richfaces/comboBox/examples/selectItems.xhtml"/>
@@ -45,16 +45,16 @@
</ui:include>
</div>
<p>
- Next definition example shows simple String list usage to define suggestions list.
- And input suggestion feature turned on with <b>directInputSuggestions
</b>attribute.
- Enter any letter or click icon in order to trigger the suggestion.
+ The next definition example shows how to define a suggestions list using a simple
String list.
+ And how to turn on an input suggestion feature with <b>directInputSuggestions
</b>attribute.
+ Enter any letter or click an icon in order to trigger the suggestion.
</p>
- <div class="sample-container" >
- <ui:include src="/richfaces/comboBox/examples/collection.xhtml"/>
- <ui:include src="/templates/include/sourceview.xhtml">
- <ui:param name="sourcepath"
value="/richfaces/comboBox/examples/collection.xhtml"/>
- </ui:include>
- </div>
+ <div class="sample-container" >
+ <ui:include src="/richfaces/comboBox/examples/collection.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath"
value="/richfaces/comboBox/examples/collection.xhtml"/>
+ </ui:include>
+ </div>
</ui:define>
</ui:composition>
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceInput/usage.xhtml
===================================================================
---
trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceInput/usage.xhtml 2008-03-21
15:31:53 UTC (rev 7062)
+++
trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceInput/usage.xhtml 2008-03-21
15:51:32 UTC (rev 7063)
@@ -8,62 +8,62 @@
<ui:composition template="/templates/component-sample.xhtml">
<ui:define name="sample">
<style>
- .top{
- vertical-align:top;
- }
- .equals {
- width: 45%;
- }
+ .top{
+ vertical-align:top;
+ }
+ .equals {
+ width: 45%;
+ }
</style>
<p>
- <b>InplaceInput </b>is a simple input component which displays current
value as
- <i>outputText </i>and switches to <i>inputText </i>based
representation after defined event
- to allow edit this value.
- </p>
-
- <p>
- You could try two simplest examples below. For the first demo - just click on label
- to edit the value and
- click somewhere outside the component to store this value(Or just press ENTER
button).
- </p>
- <p>
- Second example has controls for components enabled with <b>showControls
</b>attribute.
- These controls should
- be used in order to apply value or cancel editing.
- </p>
- <h:panelGrid columns="2" columnClasses="top equals,top equals"
width="90%">
+ <b>InplaceInput </b>is a simple input component which displays the
current value as
+ <i>outputText </i>and switches to <i>inputText </i>based
representation after a defined event
+ to allow editing this value.
+ </p>
+
+ <p>
+ You could use two simplest examples below. For the first demo, just click on a label
+ to edit the value and
+ click somewhere outside the component to store this value(Or just press ENTER
button).
+ </p>
+ <p>
+ The second example has controls for components enabled with <b>showControls
</b>attribute.
+ These controls should
+ be used in order to apply a value or cancel editing.
+ </p>
+ <h:panelGrid columns="2" columnClasses="top equals,top equals"
width="90%">
<div class="sample-container" jsfc="h:panelGroup">
<ui:include
src="/richfaces/inplaceInput/examples/simpleDefault.xhtml"/>
<ui:include src="/templates/include/sourceview.xhtml">
<ui:param name="sourcepath"
value="/richfaces/inplaceInput/examples/simpleDefault.xhtml"/>
</ui:include>
</div>
- <div class="sample-container" jsfc="h:panelGroup">
- <ui:include
src="/richfaces/inplaceInput/examples/simpleWithControls.xhtml"/>
- <ui:include src="/templates/include/sourceview.xhtml">
- <ui:param name="sourcepath"
value="/richfaces/inplaceInput/examples/simpleWithControls.xhtml"/>
- </ui:include>
- </div>
- </h:panelGrid>
+ <div class="sample-container" jsfc="h:panelGroup">
+ <ui:include
src="/richfaces/inplaceInput/examples/simpleWithControls.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath"
value="/richfaces/inplaceInput/examples/simpleWithControls.xhtml"/>
+ </ui:include>
+ </div>
+ </h:panelGrid>
<p>
- Inplace Input could be rendered with <i>span </i>or <i>div
</i>elements to display its value.
- To change default span output use <b>layout </b>attribute with
<i>block </i>value.
- </p>
- <p>
- Next example shows you Inplace Input component usage in dataTable. Custom event
- fired on saving value used in this example to perform Ajax validation for the value
entered.
- </p>
- <p>
-
+ Inplace Input could be rendered with <i>span </i>or <i>div
</i>elements to display its value.
+ To change default span output, use <b>layout </b>attribute with
<i>block </i>value.
+ </p>
+ <p>
+ The next example shows you Inplace Input component usage in dataTable. Custom event
is
+ fired on saving a value used in this example to perform Ajax validation for the value
entered.
+ </p>
+ <p>
+
</p>
-
- <div class="sample-container" >
- <ui:include
src="/richfaces/inplaceInput/examples/blockInplace.xhtml"/>
- <ui:include src="/templates/include/sourceview.xhtml">
- <ui:param name="sourcepath"
value="/richfaces/inplaceInput/examples/blockInplace.xhtml"/>
- </ui:include>
- </div>
-
+
+ <div class="sample-container" >
+ <ui:include
src="/richfaces/inplaceInput/examples/blockInplace.xhtml"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath"
value="/richfaces/inplaceInput/examples/blockInplace.xhtml"/>
+ </ui:include>
+ </div>
+
</ui:define>
</ui:composition>
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/pickList/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/pickList/usage.xhtml 2008-03-21
15:31:53 UTC (rev 7062)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/pickList/usage.xhtml 2008-03-21
15:51:32 UTC (rev 7063)
@@ -9,12 +9,12 @@
<p>
Pick List component is a simple selection component where a set of items can be
- selected from a list that contains all the available items to a list that
+ selected from a list that contains all the available items and moved to a list that
contains the selected items.
</p>
<p>
- Next example shows simplest declarative definition on the page.
+ The next example shows the simplest declarative definition on the page.
</p>
<div class="sample-container" >
@@ -25,23 +25,23 @@
</div>
<p>
- Pick List is a simplified variant of ListShuttle component. It not uses custom
model.
- Instead it uses f:selectItem(s) tags for elements definition, so convertors
creation
+ Pick List is a simplified variant of ListShuttle component. It does not uses custom
model.
+ Instead it uses f:selectItem(s) tags for elements definition, so converters
creation
isn't required for the component.
</p>
<p>
- Value of the component stores as list which contains select items values.
+ Value of the component is stored as a list, which contains select items values.
</p>
<p>
- Next example shows simple case where the values applied and listed via Ajax.
- Select items in this example contains USA state names as label for item and
- corresponding state capitals as value for item.
+ The following example shows a simple case where the values are applied and listed
via Ajax.
+ The select items in this example contain USA state names as a label for an item and
the
+ corresponding state capitals as a value for an item.
</p>
<p>
Just move some elements with state names to the result list and corresponding
- state capitals will appears in the result panel.
+ state capitals will appear in the result panel.
</p>
<div class="sample-container" >