[richfaces-svn-commits] JBoss Rich Faces SVN: r2242 - trunk/samples/richfaces-demo/src/main/webapp/richfaces/status.

Tue Aug 14 06:58:48 EDT 2007

Author: smukhina
Date: 2007-08-14 06:58:48 -0400 (Tue, 14 Aug 2007)
New Revision: 2242

Modified:
   trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/usage.xhtml
Log:
http://jira.jboss.com/jira/browse/RF-524
Language correction in richfaces-demo for aj4 component

Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/usage.xhtml
===================================================================

--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/usage.xhtml	2007-08-14 10:57:02 UTC (rev 2241)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/usage.xhtml	2007-08-14 10:58:48 UTC (rev 2242)
@@ -9,12 +9,19 @@
 		<ui:define name="sample">
 			
 	
-			
-			<p>a4j:status is an indicator of Ajax request. It has two states - start and stop. Start
-				state indicates that the Ajax request is in progress. When Ajax response comes back,
+				<p>a4j:status is an indicator of an Ajax request. It has two states - start and stop. The start
+				state indicates that an Ajax request is in progress. When Ajax Response comes back,
 				the component switches to the stop stage.
 			</p>
 			<div class="sample-container" >
+				
+				<h:outputText value="Ajax  Status:"/>
+
+				<a4j:status id="commonstatus"  startText="In progress..." stopText="Complete"/>
+
+				<h:form>
+					  <a4j:commandButton eventsQueue="foo"  value="Ajax request"/>
+				</h:form>
 				<ui:include src="/richfaces/status/examples/simple.xhtml"/>
 				<ui:include src="/templates/include/sourceview.xhtml">
 					<ui:param name="sourcepath" value="/richfaces/status/examples/simple.xhtml"/>
@@ -23,26 +30,41 @@
 			
 			<p>
 				<b>startText</b> attribute defines the label that will be visible when the Ajax request
-				is in progress. You can use <b>startStyle</b> or <b>startStyleClass</b>  attribuite to
-				customize style for start label. You can use <b>facet name="start"</b> to define more enhanced
-			    content for indication the start state. If facet is defined, the value of startText
+				is in progress. You can use <b>startStyle</b> or <b>startStyleClass</b>  attribute  to
+				customize style for a start label. You can use <b>facet name="start"</b> to define more enhanced
+			    content for indication of the start state. If facet is defined, the value of startText
 				attribute becomes void.
 			</p>
 			<p>
-				<b>stopText</b> attribute defines the label that will be visible when the Ajax response
-				comes back. You can use <b>stopStyle</b> or <b>stopStyleClass</b>  attribuite to
-				customize style for stop label. You can use <b>facet name="stop"</b> to define more enhanced
-			    content for indication the stop state. If facet is defined, the value of stopText
+				<b>stopText</b> attribute defines the label that will be visible when the Ajax Response
+				comes back. You can use <b>stopStyle</b> or <b>stopStyleClass</b>  attribute  to
+				customize style for a stop label. You can use <b>facet name="stop"</b> to define more enhanced
+			    content for indication of the stop state. If facet is defined, the value of stopText
 				attribute becomes void.
 			</p>
 			<p>
 				In case of not stopText nor facet name="stop" are not defined, the stop stage will
 				not have a visual representation. You can use this option if you want to show only
-				"in progress" indicatior. The following example show the graphic image to
-				the right of the input field during the Ajax request.
+				"in progress" indicator. The following example show the graphic image to
+				the right of the input field during an Ajax request.
 			</p>
 		
 			<div class="sample-container" >
+				<a4j:region id="rb">
+					<h:panelGrid columns="2">
+	
+						<h:form>
+							  <a4j:commandButton eventsQueue="foo2"  value="Ajax request 2"/>
+						</h:form>
+	
+						<a4j:status>
+							<f:facet name="start">
+								<h:graphicImage  value="/images/ajax/ajax_process.gif"/>
+							</f:facet>
+						</a4j:status>
+	
+					</h:panelGrid>
+				</a4j:region>
 				<ui:include src="/richfaces/status/examples/pictured.xhtml"/>
 				<ui:include src="/templates/include/sourceview.xhtml">
 					<ui:param name="sourcepath" value="/richfaces/status/examples/pictured.xhtml"/>
@@ -53,7 +75,7 @@
 			<p>
 				By default, a4j:status works for each Ajax components inside the local region. This
 				means if you have not any region defined on the page (the whole view is a region) and
-				have only one a4j:status on the page, this a4j:status will be activated durng
+				have only one a4j:status on the page, this a4j:status will be activated during
 				Ajax request sent by any of the Ajax component located on the page.
 			</p>
 			<p>
@@ -73,12 +95,12 @@
 			</p>
 			<p>
 				You do not have any additional attribute defined if you have a4j:status inside each region
-				and working for this given region. You can locate the a4j:status outside of the region if this
-				required by page layout. In this case you have to define a 'for' attribute explicilty. The 'for'
+				and working for this given region. You can locate the a4j:status outside of the region if this is 
+				required by a page layout. In this case you have to define a 'for' attribute explicitly. The 'for'
 				attribute should point to the id of the region it should work for.
 			</p>
 			<p>
-				Use attrubute 'status' of the Ajax component (such as a4j:commandButton, a4j:poll etc) to point to
+				Use attribute 'status' of the Ajax component (such as a4j:commandButton, a4j:poll, etc.) should point to
 				the id of the a4j:status if you want to share it between the different Ajax component located in
 				different regions. The following example shows how to share the same a4j:status from the Ajax
 				component located in the different region:


