JBoss Rich Faces SVN: r7067 - trunk/ui/listShuttle/src/main/resources/org/richfaces/renderkit/html/css.
by richfaces-svn-commits＠lists.jboss.org
Author: vmolotkov
Date: 2008-03-21 12:15:00 -0400 (Fri, 21 Mar 2008)
New Revision: 7067
Modified:
trunk/ui/listShuttle/src/main/resources/org/richfaces/renderkit/html/css/listShuttle.xcss
Log:
http://jira.jboss.com/jira/browse/RF-2580
Modified: trunk/ui/listShuttle/src/main/resources/org/richfaces/renderkit/html/css/listShuttle.xcss
===================================================================
--- trunk/ui/listShuttle/src/main/resources/org/richfaces/renderkit/html/css/listShuttle.xcss 2008-03-21 16:14:50 UTC (rev 7066)
+++ trunk/ui/listShuttle/src/main/resources/org/richfaces/renderkit/html/css/listShuttle.xcss 2008-03-21 16:15:00 UTC (rev 7067)
@@ -90,7 +90,7 @@
}
.rich-list-shuttle-button-content {
- padding : 0px 4px 0px 1px;
+ padding : 0px 1px 0px 1px;
text-align : left;
white-space: nowrap;
}
16 years, 9 months
JBoss Rich Faces SVN: r7066 - trunk/ui/combobox/src/main/resources/org/richfaces/renderkit/html/css.
by richfaces-svn-commits＠lists.jboss.org
Author: abelevich
Date: 2008-03-21 12:14:50 -0400 (Fri, 21 Mar 2008)
New Revision: 7066
Modified:
trunk/ui/combobox/src/main/resources/org/richfaces/renderkit/html/css/combobox.xcss
Log:
http://jira.jboss.com/jira/browse/RF-2378
Modified: trunk/ui/combobox/src/main/resources/org/richfaces/renderkit/html/css/combobox.xcss
===================================================================
--- trunk/ui/combobox/src/main/resources/org/richfaces/renderkit/html/css/combobox.xcss 2008-03-21 16:14:32 UTC (rev 7065)
+++ trunk/ui/combobox/src/main/resources/org/richfaces/renderkit/html/css/combobox.xcss 2008-03-21 16:14:50 UTC (rev 7066)
@@ -6,9 +6,12 @@
<f:verbatim>
<![CDATA[
-.rich-combobox-button-pressed {
+input.rich-combobox-button-pressed {
}
+input.rich-combobox-button-pressed-background {
+}
+
.rich-combobox-input {
width : 240px;
position : absolute;
@@ -105,7 +108,7 @@
position : relative;
}
-.rich-combobox-button {
+input.rich-combobox-button {
position : absolute;
top : 0px;
right : 0;
@@ -119,7 +122,7 @@
border-width: 1px;
}
-.rich-combobox-button-disabled {
+input.rich-combobox-button-disabled {
position : absolute;
top : 0px;
right : 0;
@@ -134,7 +137,7 @@
}
-.rich-combobox-button-inactive {
+input.rich-combobox-button-inactive {
position : absolute;
top : 0px;
right : 0;
@@ -149,46 +152,46 @@
}
-.rich-combobox-button-background {
+input.rich-combobox-button-background {
background-color: #4a75b5;
background-repeat: repeat-x;
background-position: top;
cursor : pointer;
}
-.rich-combobox-button-background-disabled {
+input.rich-combobox-button-background-disabled {
background-color: #4a75b5;
background-repeat: repeat-x;
background-position: top;
cursor : pointer;
}
-.rich-combobox-button-background-inactive {
+input.rich-combobox-button-background-inactive {
background-color: #4a75b5;
background-repeat: repeat-x;
background-position: top;
}
-.rich-combobox-button-pressed-background {
+input.rich-combobox-button-pressed-background {
background-color: #4a75b5;
background-repeat: repeat-x;
background-position: bottom;
}
-.rich-combobox-button-icon {
+input.rich-combobox-button-icon {
background : center no-repeat; cursor : pointer;
}
-.rich-combobox-button-icon-disabled {
+input.rich-combobox-button-icon-disabled {
background : center no-repeat; cursor : pointer;
}
-.rich-combobox-button-icon-inactive {
+input.rich-combobox-button-icon-inactive {
background : center no-repeat; cursor : pointer;
}
-.rich-combobox-button-hovered {
+input.rich-combobox-button-hovered {
border-width : 1px;
border-style : solid;
}
@@ -243,63 +246,63 @@
</u:selector>
- <u:selector name=".rich-combobox-button-background">
+ <u:selector name="input.rich-combobox-button-background">
<u:style name="background-image">
<f:resource f:key="org.richfaces.renderkit.html.images.SpinnerButtonGradient" />
</u:style>
<u:style name="background-color" skin="tabBackgroundColor"/>
</u:selector>
- <u:selector name=".rich-combobox-button-background-disabled">
+ <u:selector name="input.rich-combobox-button-background-disabled">
<u:style name="background-image">
<f:resource f:key="org.richfaces.renderkit.html.images.SpinnerButtonGradient" />
</u:style>
<u:style name="background-color" skin="tabBackgroundColor"/>
</u:selector>
- <u:selector name=".rich-combobox-button-background-inactive">
+ <u:selector name="input.rich-combobox-button-background-inactive">
<u:style name="background-image">
<f:resource f:key="org.richfaces.renderkit.html.images.SpinnerButtonGradient" />
</u:style>
<u:style name="background-color" skin="tabBackgroundColor"/>
</u:selector>
- <u:selector name=".rich-combobox-button-pressed-background">
+ <u:selector name="input.rich-combobox-button-pressed-background">
<u:style name="background-image">
<f:resource f:key="org.richfaces.renderkit.html.images.ComboBoxButtonPressGradient" />
</u:style>
<u:style name="background-color" skin="tabBackgroundColor"/>
</u:selector>
- <u:selector name=".rich-combobox-button-icon">
+ <u:selector name="input.rich-combobox-button-icon">
<u:style name="background-image">
<f:resource f:key="org.richfaces.renderkit.html.images.ComboBoxArrowImage" />
</u:style>
</u:selector>
- <u:selector name=".rich-combobox-button-icon-disabled">
+ <u:selector name="input.rich-combobox-button-icon-disabled">
<u:style name="background-image">
<f:resource f:key="org.richfaces.renderkit.html.images.ComboBoxArrowImageDisable" />
</u:style>
</u:selector>
- <u:selector name=".rich-combobox-button-icon-inactive">
+ <u:selector name="input.rich-combobox-button-icon-inactive">
<u:style name="background-image">
<f:resource f:key="org.richfaces.renderkit.html.images.ComboBoxArrowImage" />
</u:style>
</u:selector>
- <u:selector name=".rich-combobox-button">
+ <u:selector name="input.rich-combobox-button">
<u:style name="border-top-color" skin="panelBorderColor"/>
<u:style name="border-left-color" skin="panelBorderColor"/>
</u:selector>
- <u:selector name=".rich-combobox-button-inactive">
+ <u:selector name="input.rich-combobox-button-inactive">
<u:style name="border-top-color" skin="panelBorderColor"/>
<u:style name="border-left-color" skin="panelBorderColor"/>
</u:selector>
- <u:selector name=".rich-combobox-button-disabled">
+ <u:selector name="input.rich-combobox-button-disabled">
<u:style name="border-top-color" skin="panelBorderColor"/>
<u:style name="border-left-color" skin="panelBorderColor"/>
</u:selector>
@@ -357,7 +360,7 @@
<u:style name="background" skin="tableBackgroundColor"/>
</u:selector>
- <u:selector name=".rich-combobox-button-hovered">
+ <u:selector name="input.rich-combobox-button-hovered">
<u:style name="border-color" skin="selectControlColor"/>
</u:selector>
</f:template>
16 years, 9 months
JBoss Rich Faces SVN: r7065 - trunk/ui/inplaceSelect/src/main/resources/org/richfaces/renderkit/html/css.
by richfaces-svn-commits＠lists.jboss.org
Author: abelevich
Date: 2008-03-21 12:14:32 -0400 (Fri, 21 Mar 2008)
New Revision: 7065
Modified:
trunk/ui/inplaceSelect/src/main/resources/org/richfaces/renderkit/html/css/inplaceselect.xcss
Log:
http://jira.jboss.com/jira/browse/RF-2378
Modified: trunk/ui/inplaceSelect/src/main/resources/org/richfaces/renderkit/html/css/inplaceselect.xcss
===================================================================
--- trunk/ui/inplaceSelect/src/main/resources/org/richfaces/renderkit/html/css/inplaceselect.xcss 2008-03-21 16:04:02 UTC (rev 7064)
+++ trunk/ui/inplaceSelect/src/main/resources/org/richfaces/renderkit/html/css/inplaceselect.xcss 2008-03-21 16:14:32 UTC (rev 7065)
@@ -9,7 +9,7 @@
.insel_view_block_div{position : relative; padding : 2px 2px 2px 5px; border : 0px; margin :0px;}
-.rich-inplace-select-arrow{
+input.rich-inplace-select-arrow{
padding : 0px 0px 0px 0px;
border : 0px;
margin : 0px;
16 years, 9 months
JBoss Rich Faces SVN: r7064 - in trunk/samples/richfaces-demo/src/main/webapp/richfaces: componentControl/examples and 3 other directories.
by richfaces-svn-commits＠lists.jboss.org
Author: ilya_shaikovsky
Date: 2008-03-21 12:04:02 -0400 (Fri, 21 Mar 2008)
New Revision: 7064
Modified:
trunk/samples/richfaces-demo/src/main/webapp/richfaces/componentControl/examples/control.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/componentControl/usage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceInput/examples/blockInplace.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceSelect/examples/selectItems.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceSelect/examples/simple.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceSelect/usage.xhtml
Log:
inplaces demos work. and commponent control bug exploring.
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/componentControl/examples/control.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/componentControl/examples/control.xhtml 2008-03-21 15:51:32 UTC (rev 7063)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/componentControl/examples/control.xhtml 2008-03-21 16:04:02 UTC (rev 7064)
@@ -22,7 +22,7 @@
<ui:include src="/templates/include/sourceview.xhtml">
<ui:param name="sourcepath" value="/richfaces/componentControl/examples/mpusage.xhtml"/>
</ui:include>
- </div>
+ </div>
<p>
<b>Main component attributes:</b>
<ul>
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/componentControl/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/componentControl/usage.xhtml 2008-03-21 15:51:32 UTC (rev 7063)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/componentControl/usage.xhtml 2008-03-21 16:04:02 UTC (rev 7064)
@@ -1,16 +1,81 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml"
- xmlns:ui="http://java.sun.com/jsf/facelets"
- xmlns:h="http://java.sun.com/jsf/html"
- xmlns:f="http://java.sun.com/jsf/core"
- xmlns:a4j="http://richfaces.org/a4j"
- xmlns:rich="http://richfaces.org/rich">
- <ui:composition template="/templates/component-sample.xhtml">
+<ui:composition template="/templates/component-sample.xhtml" xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.org/rich">
+
<ui:define name="sample">
- <ui:include src="/richfaces/componentControl/examples/control.xhtml"/>
+ <style>
+ .atop{
+ vertical-align:top;
+ }
+ </style>
+ <p>RichFaces Component Control is a universal component that allows to call JS API functions on the
+ components after defined events.
+ </p>
+ <p>
+ In this simple example <b>componentControl</b> components are used to open and close modal panel.
+ The component is attached to links and calls "show" and "hide" functions on Modal Panel.
+ </p>
+ <div class="sample-container">
+ <ui:include src="/richfaces/componentControl/examples/mpusage.xhtml" />
+ <rich:spacer height="20"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/componentControl/examples/mpusage.xhtml"/>
+ </ui:include>
+ </div>
+ <p>
+ <b>Main component attributes:</b>
+ </p>
+ <ul>
+ <li><b>for</b> - specifies client identifier of the target component.</li>
+ <li><b>attachTo</b> - specifies client identifier of the component or id of the existing DOM element that is a source
+ for a given event. If <b>attachTo</b> is not defined, the event is attached on the server to the closest in the
+ component tree parent component.</li>
+ <li><b>event</b> - is used to trigger the <b>operation</b> on the target component
+ <br/><i><b>Note:</b> the component could use "oncontextmenu" event to call the JS API on right click event.
+ But in this case this component should be defined via <b>for</b> attribute rather than using a4j:support style.
+ In case of support-like definition, the component will not work properly, as many of the components don't encode this event.
+ </i>
+
+ </li>
+ <li><b>operation</b> - name of the javascript function that will be invoked on a target component. The API method
+ is attached to the 'component' property of the root DOM element that represents
+ the target component. The function has two parameters - <b>event</b> and <b>params</b>.</li>
+ <li><b>params</b> - a set of parameters passed to the function of Javascript API that will be invoked.
+ The JSON syntax is used to define the parameters, but without open and closed curve
+ bracket.
+ As an alternative, a set of f:param can be used to define the parameters passed to the
+ API function. </li>
+ </ul>
+ <p>
+ Thus, one of the main features is that Component Control component allows to transfer
+ parameters to managed components.
+ </p>
+ <p>
+ You may put <b>f:param</b> components as nested to component control component (instead of <b>params</b> attribute usage)
+ and all the parameters that are defined will be available from target component.
+ </p>
+ <p>
+ In the next example, component control is used inside <b>rich:dataTable</b> component.
+ Component control is defined with two parameters which have the current row values.
+ Hence the <b>rich:contextMenu</b> component that called by this Component Control
+ will take this parameters and will be able to display them in its items values.
+ </p>
+ <p>
+ Click at any table row to see the context menu that generated individually for
+ every row using parameters.
+ </p>
+ <div class="sample-container">
+ <ui:include src="/richfaces/componentControl/examples/cmenuusage.xhtml" />
+ <rich:spacer height="20"/>
+ <ui:include src="/templates/include/sourceview.xhtml">
+ <ui:param name="sourcepath" value="/richfaces/componentControl/examples/cmenuusage.xhtml"/>
+ </ui:include>
+ </div>
</ui:define>
- </ui:composition>
-</html>
+</ui:composition>
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceInput/examples/blockInplace.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceInput/examples/blockInplace.xhtml 2008-03-21 15:51:32 UTC (rev 7063)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceInput/examples/blockInplace.xhtml 2008-03-21 16:04:02 UTC (rev 7064)
@@ -64,9 +64,8 @@
<f:facet name="header">
<h:outputText value="Data Validation Results:"></h:outputText>
</f:facet>
- <rich:messages />
- <h:outputText value="All Prices Valid"
- rendered="#{facesContext.maximumSeverity==null}" />
+ <rich:messages style="color:red"/>
+ <h:outputText value="All Prices Currently Valid"/>
</rich:panel>
</h:panelGrid>
</h:form>
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceSelect/examples/selectItems.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceSelect/examples/selectItems.xhtml 2008-03-21 15:51:32 UTC (rev 7063)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceSelect/examples/selectItems.xhtml 2008-03-21 16:04:02 UTC (rev 7064)
@@ -1,10 +1,25 @@
-<ui:composition xmlns="http://www.w3.org/1999/xhtml"
- xmlns:ui="http://java.sun.com/jsf/facelets"
- xmlns:h="http://java.sun.com/jsf/html"
- xmlns:f="http://java.sun.com/jsf/core"
- xmlns:a4j="http://richfaces.org/a4j"
- xmlns:rich="http://richfaces.org/rich">
- <rich:inplaceSelect value="#{inplaceComponentsBean.inputValue}">
- <f:selectItems value="#{capitalsBean.capitalsOptions}"/>
- </rich:inplaceSelect>
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.org/rich">
+ <style>
+ .rich-inplace-select-control-set{
+ margin-top:4px;
+ }
+ </style>
+ <rich:inplaceSelect value="#{inplaceComponentsBean.inputValue}"
+ defaultLabel="Click here to edit"
+ openOnEdit="true" showControls="true"
+ editEvent="ondblclick"
+ controlsHorizontalPosition="left"
+ controlsVerticalPosition="bottom" id="inplaceSelect">
+ <f:facet name="controls">
+ <button onclick="$('inplaceSelect').component.save();" type="button">Save</button>
+ <button onclick="$('inplaceSelect').component.cancel();" type="button">Cancel</button>
+ </f:facet>
+ <f:selectItems value="#{capitalsBean.capitalsOptions}" />
+ </rich:inplaceSelect>
+ <rich:spacer width="100%" height="20px"/>
</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceSelect/examples/simple.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceSelect/examples/simple.xhtml 2008-03-21 15:51:32 UTC (rev 7063)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceSelect/examples/simple.xhtml 2008-03-21 16:04:02 UTC (rev 7064)
@@ -1,14 +1,15 @@
-<ui:composition xmlns="http://www.w3.org/1999/xhtml"
- xmlns:ui="http://java.sun.com/jsf/facelets"
- xmlns:h="http://java.sun.com/jsf/html"
- xmlns:f="http://java.sun.com/jsf/core"
- xmlns:a4j="http://richfaces.org/a4j"
- xmlns:rich="http://richfaces.org/rich">
- <rich:inplaceSelect value="#{inplaceComponentsBean.inputValue}">
- <f:selectItem itemValue="1" itemLabel="Option 1"/>
- <f:selectItem itemValue="2" itemLabel="Option 2"/>
- <f:selectItem itemValue="3" itemLabel="Option 3"/>
- <f:selectItem itemValue="4" itemLabel="Option 4"/>
- <f:selectItem itemValue="5" itemLabel="Option 5"/>
- </rich:inplaceSelect>
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.org/rich">
+ <rich:inplaceSelect value="#{inplaceComponentsBean.inputValue}"
+ defaultLabel="Click here to edit">
+ <f:selectItem itemValue="0" itemLabel="Option 1" />
+ <f:selectItem itemValue="1" itemLabel="Option 2" />
+ <f:selectItem itemValue="2" itemLabel="Option 3" />
+ <f:selectItem itemValue="3" itemLabel="Option 4" />
+ <f:selectItem itemValue="4" itemLabel="Option 5" />
+ </rich:inplaceSelect>
</ui:composition>
\ No newline at end of file
Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceSelect/usage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceSelect/usage.xhtml 2008-03-21 15:51:32 UTC (rev 7063)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceSelect/usage.xhtml 2008-03-21 16:04:02 UTC (rev 7064)
@@ -8,9 +8,17 @@
<ui:composition template="/templates/component-sample.xhtml">
<ui:define name="sample">
- <p>
- SHORT DESCRIPTION
- </p>
+ <p>
+ <b>Inplace Select</b>is a simple input component which displays current value as
+ <i>outputText </i>and switches to <i>Select </i>based representation after defined event
+ to allow edit this value.
+ </p>
+
+ <p>
+ You could try simplest example below. Just click on label
+ to edit the value and
+ click somewhere outside the component to store this value(Or just press ENTER button).
+ </p>
<div class="sample-container" >
<ui:include src="/richfaces/inplaceSelect/examples/simple.xhtml"/>
<ui:include src="/templates/include/sourceview.xhtml">
@@ -18,14 +26,24 @@
</ui:include>
</div>
<p>
- DESCRIPTION
- </p>
+ In this example <i>f:selectItems</i> tag used to define list of items to be used.
+ Additionally three usefull attributes used:
+ </p>
+ <ul>
+ <li>Controls "save" and "cancel" turned on with <b>showControls</b> attribute</li>
+ <li style="">
+ <b>openOnEdit</b> with true value defines that select popup list will be opened
+ automatically after edit state activated.
+ </li>
+ <li><b>editEvent</b> set as <i>ondblclick</i>. So you should click twice to edit value</li>
+ </ul>
<div class="sample-container" >
<ui:include src="/richfaces/inplaceSelect/examples/selectItems.xhtml"/>
<ui:include src="/templates/include/sourceview.xhtml">
<ui:param name="sourcepath" value="/richfaces/inplaceSelect/examples/selectItems.xhtml"/>
</ui:include>
- </div>
+ </div>
+
</ui:define>
</ui:composition>
16 years, 9 months
JBoss Rich Faces SVN: r7063 - in trunk/samples/richfaces-demo/src/main/webapp/richfaces: inplaceInput and 1 other directories.
by richfaces-svn-commits＠lists.jboss.org
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" >
16 years, 9 months
JBoss Rich Faces SVN: r7061 - trunk/docs/userguide/en/src/main/resources/images.
by richfaces-svn-commits＠lists.jboss.org
Author: msorokin
Date: 2008-03-21 11:29:10 -0400 (Fri, 21 Mar 2008)
New Revision: 7061
Added:
trunk/docs/userguide/en/src/main/resources/images/inplaceInputShowControlsCustom.png
Log:
http://jira.jboss.com/jira/browse/RF-1226
image for InplaceInput
Added: trunk/docs/userguide/en/src/main/resources/images/inplaceInputShowControlsCustom.png
===================================================================
(Binary files differ)
Property changes on: trunk/docs/userguide/en/src/main/resources/images/inplaceInputShowControlsCustom.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
16 years, 9 months
JBoss Rich Faces SVN: r7060 - trunk/docs/userguide/en/src/main/docbook/included.
by richfaces-svn-commits＠lists.jboss.org
Author: msorokin
Date: 2008-03-21 11:24:47 -0400 (Fri, 21 Mar 2008)
New Revision: 7060
Modified:
trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.xml
Log:
http://jira.jboss.com/jira/browse/RF-1226
Details of usaged - complete
Modified: trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.xml 2008-03-21 15:24:15 UTC (rev 7059)
+++ trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.xml 2008-03-21 15:24:47 UTC (rev 7060)
@@ -212,15 +212,107 @@
</para>
<programlisting role="XML"><![CDATA[...
-<rich:inplaceInput value="#{bean.incValue}" minValue="50" maxValue="400"/>
-...]]> </programlisting>
+<rich:inplaceInput value="#{bean.value}" defaultLabel='click to edit'
+ showControls="true"
+ controlsHorizontalPosition="left"
+ controlsVerticalPosition="top"
+ saveControlIcon="/richfaces-demo/richfaces/cancel.gif"
+ cancelControlIcon="/richfaces-demo/richfaces/save.gif"/>
+ ...]]> </programlisting>
+ <figure>
+ <title>Redefining of "save" and "cancel" buttons</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/inplaceInputShowControlsCustom.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+ <para>
+ The
+ <emphasis><property>"editEvent"</property></emphasis>
+ attribute provides an option to assign an JS action that triggers state changing 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>
+
+ The
+
+ <emphasis><property>"selectOnEdit"</property></emphasis>
+ (with possible values <property>"true</property>, <property>"false"</property>) 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>.
+
+ </para>
+<para>
+ The
+ <emphasis><property>" oneditactivation"</property></emphasis> ,
+ <emphasis><property>"oneditactivated"</property></emphasis> ,
+ <emphasis><property>"onviewactivation"</property></emphasis>
+ and
+ <emphasis><property>" onviewactivated"</property></emphasis>
+ 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.
+ </para>
+
-
-
+ <table>
+ <title>Keyboard usage</title>
+ <tgroup cols="2">
+ <thead>
+ <row>
+ <entry>Keys and combinations </entry>
+ <entry>Description</entry>
+ </row>
+ </thead>
+ <tbody>
+ <row>
+ <entry>ENTER</entry>
+ <entry>Saves the input data, and changes the state from "Edit" to "Changed"</entry>
+ </row>
+ <row>
+ <entry>ESC</entry>
+ <entry>changes the state from "Edit" to "View" or "Changed", value is not affected</entry>
+ </row>
+ </tbody>
+ </tgroup>
+ </table>
+
+
</section>
<!-- End. Details of Usage-->
16 years, 9 months
JBoss Rich Faces SVN: r7059 - trunk/docs/userguide/en/src/main/docbook/included.
by richfaces-svn-commits＠lists.jboss.org
Author: msorokin
Date: 2008-03-21 11:24:15 -0400 (Fri, 21 Mar 2008)
New Revision: 7059
Modified:
trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.desc.xml
Log:
http://jira.jboss.com/jira/browse/RF-1226
Description was changed.
Modified: trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.desc.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.desc.xml 2008-03-21 15:20:42 UTC (rev 7058)
+++ trunk/docs/userguide/en/src/main/docbook/included/inplaceInput.desc.xml 2008-03-21 15:24:15 UTC (rev 7059)
@@ -9,7 +9,7 @@
<title>Description</title>
<para>The <emphasis role="bold">
<property><rich:inplaceInput></property>
- </emphasis> is used to make some parts of a text editable </para>
+ </emphasis> is an input component used for displaying and editing textual data </para>
<figure>
<title><emphasis role="bold"><property><rich:inplaceInput></property></emphasis> component</title>
16 years, 9 months