[richfaces-svn-commits] JBoss Rich Faces SVN: r7368 - in trunk/samples/richfaces-demo/src/main/webapp: richfaces/actionparam/examples and 12 other directories.

Author: vbaranov Date: 2008-03-28 12:11:50 -0400 (Fri, 28 Mar 2008) New Revision: 7368 Modified: trunk/samples/richfaces-demo/src/main/webapp/css/common.css trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/assignTo.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/screenSize.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/ajaxAttributes/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/examples/sayHello.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/examples/sayHello.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/examples/ajaxSubmit.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/hoverEcho.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/examples/clock.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/push/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/examples/selfRender.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/examples/validationErrorIssue.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/cleaner.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/pictured.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/simple.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/examples/echo.xhtml Log: Update design of the demo on the "Ajax Support" menu item Modified: trunk/samples/richfaces-demo/src/main/webapp/css/common.css =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/css/common.css 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/css/common.css 2008-03-28 16:11:50 UTC (rev 7368) @@ -6,7 +6,7 @@ .demo_legend { font-weight : bold; - margin : 0px 10px 0px 20px; + margin : 0px 10px 0px 18px; font-family: Verdana; } Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/assignTo.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/assignTo.xhtml 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/assignTo.xhtml 2008-03-28 16:11:50 UTC (rev 7368) @@ -14,6 +14,7 @@ <a4j:actionparam name="username" value="John" assignTo="#{userBean.name}"/> </a4j:commandButton> </rich:panel> + <rich:spacer height="1" /> <rich:panel> <h:outputText id="rep" value="Selected Name:#{userBean.name}"/> </rich:panel> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/screenSize.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/screenSize.xhtml 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/examples/screenSize.xhtml 2008-03-28 16:11:50 UTC (rev 7368) @@ -11,7 +11,8 @@ <a4j:actionparam name="h" value="screen.height" assignTo="#{userBean.screenHeight}" noEscape="true" /> </a4j:commandButton> - + <br /> + <rich:spacer height="3" /> <rich:panel id="infoPanel"> <h:panelGrid columns="2"> <h:outputText value="Width:" /> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/ajaxAttributes/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/ajaxAttributes/usage.xhtml 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/ajaxAttributes/usage.xhtml 2008-03-28 16:11:50 UTC (rev 7368) @@ -9,17 +9,16 @@ <ui:define name="sample"> <style> .viewsourcepanel { - padding-bottom:0px; + padding:10px; width:100%; overflow:auto; border-width:0; - background-color:#FFFFE7; } .viewsourcebody { padding:0; } ol{ - font-size:12px !important; + font-size:11px !important; } </style> @@ -41,9 +40,12 @@ attribute is an id of the JSF component or an id list. This is a simple example: </p> - <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody"> - <rich:insert src="/richfaces/ajaxAttributes/snippets/reRender2.xhtml" highlight="xhtml"></rich:insert> - </rich:panel> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Code Example</legend> + <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody"> + <rich:insert src="/richfaces/ajaxAttributes/snippets/reRender2.xhtml" highlight="xhtml"></rich:insert> + </rich:panel> + </fieldset> <p> reRender uses <a target="_blank" href="http://java.sun.com/javaee/javaserverfaces/1.2_MR1/docs/api/ja... UIComponent.findComponent()</a> algorithm (with some additional exceptions) @@ -53,9 +55,12 @@ found mentioning it more precisely. The following example shows the difference in approaches (both buttons will work successfully): </p> - <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody"> - <rich:insert src="/richfaces/ajaxAttributes/snippets/reRender3.xhtml" highlight="xhtml"></rich:insert> - </rich:panel> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Code Example</legend> + <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody"> + <rich:insert src="/richfaces/ajaxAttributes/snippets/reRender3.xhtml" highlight="xhtml"></rich:insert> + </rich:panel> + </fieldset> <p> You can use JSF EL expression as a value of the reRender attribute. It might be a property of types Set, Collection, Array or simple String. The EL for reRender is resolved right before the @@ -76,10 +81,13 @@ explicitly. It might be useful if you have an area on a page that should be updated as a response on any Ajax request. For example, the following code allows to output error messages regardless of what Ajax request causes the Validation phase failed. - </p> - <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody"> - <rich:insert src="/richfaces/ajaxAttributes/snippets/reRender1.xhtml" highlight="xhtml"></rich:insert> - </rich:panel> + </p> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Code Example</legend> + <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody"> + <rich:insert src="/richfaces/ajaxAttributes/snippets/reRender1.xhtml" highlight="xhtml"></rich:insert> + </rich:panel> + </fieldset> <p> <b>limitToList</b> attribute allows to dismiss the behavior of the a4j:outputPanel ajaxRendered attribute. limitToList = "true" means to update only the area(s) that mentioned in the @@ -103,10 +111,13 @@ the requests produced by the same event. For example, according to the following code, only the newest request will be sent to the server if a user types very fast and has typed the several characters already before the previous Ajax Response is back. - </p> - <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody"> - <rich:insert src="/richfaces/ajaxAttributes/snippets/eventqueue.xhtml" highlight="xhtml"></rich:insert> - </rich:panel> + </p> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Code Example</legend> + <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody"> + <rich:insert src="/richfaces/ajaxAttributes/snippets/eventqueue.xhtml" highlight="xhtml"></rich:insert> + </rich:panel> + </fieldset> <p><b>requestDelay</b> attribute defines the time (in ms.) that the request will be wait in the queue before it is ready to send. When the delay time is over, the request will be sent to the server or removed if the newest 'similar' request is in a queue already . @@ -217,9 +228,12 @@ will be serialized in JSON format and be available on the client side. You can refer to it using the 'data' variable. For example: </p> - <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody"> - <rich:insert src="/richfaces/ajaxAttributes/snippets/data.xhtml" highlight="xhtml"></rich:insert> - </rich:panel> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Code Example</legend> + <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody"> + <rich:insert src="/richfaces/ajaxAttributes/snippets/data.xhtml" highlight="xhtml"></rich:insert> + </rich:panel> + </fieldset> <p> Richfaces allows to serialize not only primitive types into JSON format, but also complex types including arrays and collections. The beans should be serializable to be refered Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/examples/sayHello.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/examples/sayHello.xhtml 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/examples/sayHello.xhtml 2008-03-28 16:11:50 UTC (rev 7368) @@ -4,21 +4,33 @@ xmlns:f="http://java.sun.com/jsf/core" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> + + <style> + .gridhello { + border-collapse : collapse; + } + .gridhellocolumn { + padding-left : 0; + } + .outhello { + font-weight: bold; + } + </style> - <rich:separator height="1" /> - <a4j:form> - <h:panelGrid columns="3"> + <h:panelGrid columns="3" styleClass="gridhello" columnClasses="gridhellocolumn"> <h:outputText value="Name:" /> <h:inputText value="#{userBean.name}" /> <a4j:commandButton value="Say Hello" reRender="out" /> </h:panelGrid> </a4j:form> + <rich:spacer height="7"/> + <br /> <h:panelGroup id="out"> - <h:outputText value="Hello " rendered="#{not empty userBean.name}" /> - <h:outputText value="#{userBean.name}" /> - <h:outputText value="!" rendered="#{not empty userBean.name}" /> + <h:outputText value="Hello " rendered="#{not empty userBean.name}" styleClass="outhello" /> + <h:outputText value="#{userBean.name}" styleClass="outhello" /> + <h:outputText value="!" rendered="#{not empty userBean.name}" styleClass="outhello" /> </h:panelGroup> - <rich:separator height="1" style="padding-top:10px" /> + <br /> </ui:composition> \ No newline at end of file Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/examples/sayHello.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/examples/sayHello.xhtml 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/examples/sayHello.xhtml 2008-03-28 16:11:50 UTC (rev 7368) @@ -5,10 +5,20 @@ xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> - <rich:separator height="1" /> + <style> + .gridhello { + border-collapse : collapse; + } + .gridhellocolumn { + padding-left : 0; + } + .outhello { + font-weight: bold; + } + </style> <a4j:form> - <h:panelGrid columns="3"> + <h:panelGrid columns="3" styleClass="gridhello" columnClasses="gridhellocolumn"> <h:outputText value="Name:" /> <h:inputText value="#{userBean.name}" /> <a4j:commandLink reRender="out"> @@ -16,11 +26,13 @@ </a4j:commandLink> </h:panelGrid> </a4j:form> + <rich:spacer height="7"/> + <br /> <h:panelGroup id="out"> - <h:outputText value="Hello " rendered="#{not empty userBean.name}" /> - <h:outputText value="#{userBean.name}" /> - <h:outputText value="!" rendered="#{not empty userBean.name}" /> + <h:outputText value="Hello " rendered="#{not empty userBean.name}" styleClass="outhello" /> + <h:outputText value="#{userBean.name}" styleClass="outhello" /> + <h:outputText value="!" rendered="#{not empty userBean.name}" styleClass="outhello" /> </h:panelGroup> - <rich:separator height="1" style="padding-top:10px" /> + <br /> </ui:composition> \ No newline at end of file Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/examples/ajaxSubmit.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/examples/ajaxSubmit.xhtml 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/examples/ajaxSubmit.xhtml 2008-03-28 16:11:50 UTC (rev 7368) @@ -5,6 +5,12 @@ xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> + <style type="text/css"> + .dr-pnl-b { + padding: 25px; + } + </style> + <h:panelGrid columns="2"> <rich:panel> <f:facet name="header"> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml 2008-03-28 16:11:50 UTC (rev 7368) @@ -9,17 +9,16 @@ <ui:define name="sample"> <style type="text/css"> - .viewsourcepanel { - padding-bottom:0px; - width:100%; - overflow:auto; - border-width:0; - background-color:#FFFFE7; - } - .viewsourcebody { - padding:0; - } - + .viewcodeexamplepanel { + padding:10px; + width:100%; + overflow:auto; + border-width:0; + background-color:#FFFFFF; + } + .viewsourcebody { + padding:0; + } </style> <p>a4j:form functionality is similar to the standard h:form component except two additional features: @@ -38,9 +37,12 @@ when user clicks this link later. The example of problematic code is below. To fix the code, you need to replace h:form with a4j:form and h:commandLink with a4j:htmlCommandLink. - <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody"> - <rich:insert src="/richfaces/form/snippets/commandLinkProblem.xhtml" highlight="xhtml"/> - </rich:panel> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Code Example</legend> + <rich:panel styleClass="viewcodeexamplepanel" bodyClass="viewsourcebody"> + <rich:insert src="/richfaces/form/snippets/commandLinkProblem.xhtml" highlight="xhtml"/> + </rich:panel> + </fieldset> </p> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/hoverEcho.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/hoverEcho.xhtml 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/hoverEcho.xhtml 2008-03-28 16:11:50 UTC (rev 7368) @@ -4,17 +4,17 @@ xmlns:f="http://java.sun.com/jsf/core" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> - - <rich:separator lineType="solid" height="1" /> + <table width="400"> <tbody> <tr> - <td onmouseover="updateName('Alex')" onmouseout="updateName('')" > Alex</td> - <td onmouseover="updateName('Jonh')" onmouseout="updateName('')" > Jonh</td> - <td onmouseover="updateName('Roger')" onmouseout="updateName('')" > Roger</td> + <td><span onmouseover="updateName('Alex')" onmouseout="updateName('')">Alex</span></td> + <td><span onmouseover="updateName('Jonh')" onmouseout="updateName('')">Jonh</span></td> + <td><span onmouseover="updateName('Roger')" onmouseout="updateName('')">Roger</span></td> </tr> + <rich:spacer height="10" /> <tr> - <td colspan="3"><h:outputText id="showname" value="Name: #{userBean.name}" /></td> + <td colspan="3">Name: <b><h:outputText id="showname" value="#{userBean.name}" /></b></td> </tr> </tbody> </table> @@ -25,5 +25,5 @@ </a4j:jsFunction> </a4j:form> - <rich:separator height="1" style="padding-top:10px" /> + <br /> </ui:composition> \ No newline at end of file Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/examples/clock.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/examples/clock.xhtml 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/examples/clock.xhtml 2008-03-28 16:11:50 UTC (rev 7368) @@ -5,7 +5,6 @@ xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> - <rich:separator height="1" /> <a4j:region> <h:form> <a4j:poll id="poll" interval="500" enabled="#{pollBean.pollEnabled}" @@ -35,5 +34,4 @@ value="Server Date: #{pollBean.date}" /> </h:panelGrid> </h:form> - <rich:separator height="1" style="padding-top:10px" /> </ui:composition> \ No newline at end of file Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/usage.xhtml 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/usage.xhtml 2008-03-28 16:11:50 UTC (rev 7368) @@ -19,7 +19,7 @@ <p>The following example shown how the date and time is updated on the page based on the data taken from the server. To turn off polling, press "Stop Polling" button.</p> - <p><b>Note: </b>polling is automatically disabled in this demo after one minute of working.</p> + <fieldset class="demo_fieldset"> <legend class="demo_legend">Poll Demo</legend> @@ -32,7 +32,9 @@ </div> </fieldset> + <p class="note"><b>Note: </b><br />polling is automatically disabled in this demo after one minute of working.</p> + <p><b>interval</b> attribute defines the interval in ms between the previous response and the next request. Hence, the total period between two requests generated by a4j:poll is a sum of interval and server response time. Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/push/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/push/usage.xhtml 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/push/usage.xhtml 2008-03-28 16:11:50 UTC (rev 7368) @@ -9,11 +9,11 @@ <ui:define name="sample"> <style> .viewsourcepanel { - padding-bottom:0px; + padding:10px; width:100%; overflow:auto; border-width:0; - background-color:#FFFFE7; + background-color:#FFFFFF; } .viewsourcebody { padding:0; @@ -34,23 +34,29 @@ Attribute 'interval' is used as for poll component. It specifies the interval in ms. for call push request. Simple example of usage: </p> - <p> - <i>Page code:</i> - <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody"> - <rich:insert highlight="xhtml" src="/richfaces/push/snippets/page.xhtml"/> - </rich:panel> + <p> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Page code:</legend> + <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody"> + <rich:insert highlight="xhtml" src="/richfaces/push/snippets/page.xhtml"/> + </rich:panel> + </fieldset> </p> - <p> - <i>Code for registration of listener:</i> - <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody"> - <rich:insert highlight="java" src="/richfaces/push/snippets/listenerReg.java"/> - </rich:panel> + <p> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Code for registration of listener:</legend> + <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody"> + <rich:insert highlight="java" src="/richfaces/push/snippets/listenerReg.java"/> + </rich:panel> + </fieldset> </p> - <p> - <i>Component can get message using current code:</i> - <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody"> - <rich:insert highlight="java" src="/richfaces/push/snippets/listenermessage.java"/> - </rich:panel> + <p> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Component can get message using current code:</legend> + <rich:panel styleClass="viewsourcepanel" bodyClass="viewsourcebody"> + <rich:insert highlight="java" src="/richfaces/push/snippets/listenermessage.java"/> + </rich:panel> + </fieldset> </p> <p> Thus, component 'push' uses asynchronous model instead of polls. Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/examples/selfRender.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/examples/selfRender.xhtml 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/examples/selfRender.xhtml 2008-03-28 16:11:50 UTC (rev 7368) @@ -5,20 +5,35 @@ xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> - <rich:separator height="1" /> + <style> + .outergridselfcolumn { + padding: 0px 30px 10px 0px; + width : 300px; + vertical-align: top; + } + .innergridselfcolumn1 { + padding-left: 10px; + font-weight: bold; + } + .innergridselfcolumn2 { + padding-left: 10px; + } + </style> - <h:panelGrid columns="2" width="100%"> + <h:panelGrid columns="2" columnClasses="outergridselfcolumn"> <a4j:region selfRendered="true"> <h:panelGroup> <h:form> - <h:panelGrid columns="2"> + <h:panelGrid columns="2" columnClasses="innergridselfcolumn1,innergridselfcolumn2"> <h:outputText value="Name" /> <h:inputText value="#{userBean.name}"> <a4j:support event="onkeyup" reRender="out3,outname2" /> </h:inputText> </h:panelGrid> </h:form> + <rich:spacer height="5" /> + <br /> <h:panelGroup id="out3"> This text will disappear during the partial update of this panel. The text appears again only after the whole page refresh or a partial @@ -30,13 +45,15 @@ <a4j:region selfRendered="true"> <h:panelGroup> <h:form> - <h:panelGrid columns="2"> + <h:panelGrid columns="2" columnClasses="innergridselfcolumn1,innergridselfcolumn2"> <h:outputText value="Name" /> <h:inputText value="#{userBean.name}"> <a4j:support event="onkeyup" reRender="out4,outname2" /> </h:inputText> </h:panelGrid> </h:form> + <rich:spacer height="5" /> + <br /> <h:panelGroup id="out4"> <h:outputText value="The text of the similar panel will not disappear because it is printed with h:outputText" /> @@ -47,7 +64,6 @@ </h:panelGrid> <h:outputText id="outname2" style="font-weight:bold" value="Typed Name: #{userBean.name}" /> - - <rich:separator style="padding-top:10px" height="1" /> + <br /> </ui:composition> \ No newline at end of file Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/examples/validationErrorIssue.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/examples/validationErrorIssue.xhtml 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/examples/validationErrorIssue.xhtml 2008-03-28 16:11:50 UTC (rev 7368) @@ -4,12 +4,17 @@ xmlns:f="http://java.sun.com/jsf/core" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> - - <rich:separator height="1" /> + + <style> + .outergridvalidationcolumn { + padding: 0px 30px 10px 0px; + } + </style> + <a4j:outputPanel ajaxRendered="true"> <h:messages style="color:red" /> </a4j:outputPanel> - <h:panelGrid columns="2" width="100%"> + <h:panelGrid columns="2" columnClasses="outergridvalidationcolumn"> <h:form id="form1"> <h:panelGrid columns="2"> @@ -17,7 +22,7 @@ <h:inputText value="#{userBean.name}"> <a4j:support event="onkeyup" reRender="outname" /> </h:inputText> - <h:outputText value="Job:" /> + <h:outputText value="Job" /> <h:inputText required="true" id="job2" value="#{userBean.job}" /> </h:panelGrid> </h:form> @@ -37,5 +42,5 @@ </h:panelGrid> <h:outputText id="outname" style="font-weight:bold" value="Typed Name: #{userBean.name}" /> - <rich:separator style="padding-top:10px" height="1" /> + <br /> </ui:composition> \ No newline at end of file Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/cleaner.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/cleaner.xhtml 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/cleaner.xhtml 2008-03-28 16:11:50 UTC (rev 7368) @@ -5,7 +5,6 @@ xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> - <rich:separator height="1"/> <a4j:region id="extr"> <h:form> <h:outputText value="Status:" /> @@ -30,8 +29,12 @@ </h:panelGrid> <a4j:region> - <h:outputText id="out" value="Name: #{userBean.name}, Job: #{userBean.job}" /> <br /> + <rich:spacer height="5"/> + <b><h:outputText id="out" value="Name: #{userBean.name}, Job: #{userBean.job}" /></b> + <br /> + <rich:spacer height="5"/> + <br /> <a4j:commandButton ajaxSingle="true" value="Clean Up Form" reRender="name, job, out" status="commonstatus"> <a4j:actionparam name="n" value="" assignTo="#{userBean.name}" /> <a4j:actionparam name="j" value="" assignTo="#{userBean.job}" /> @@ -40,5 +43,5 @@ </h:form> </a4j:region> - <rich:separator height="1" style="padding-top:10px"/> + <br /> </ui:composition> \ No newline at end of file Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/pictured.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/pictured.xhtml 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/pictured.xhtml 2008-03-28 16:11:50 UTC (rev 7368) @@ -5,7 +5,6 @@ xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> - <rich:separator height="1"/> <a4j:region id="rb"> <h:panelGrid columns="2"> @@ -21,6 +20,6 @@ </h:panelGrid> </a4j:region> - <rich:separator height="1" style="padding-top:10px"/> + <br /> </ui:composition> \ No newline at end of file Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/simple.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/simple.xhtml 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/examples/simple.xhtml 2008-03-28 16:11:50 UTC (rev 7368) @@ -5,13 +5,14 @@ xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> - <rich:separator height="1"/> <h:outputText value="Ajax Status:"/> <a4j:status id="commonstatus" startText="In progress..." stopText="Complete"/> + <br /> + <rich:spacer height="5" /> <h:form> <a4j:commandButton eventsQueue="foo" value="Ajax Request"/> </h:form> - <rich:separator height="1" style="padding-top:10px"/> + <br /> </ui:composition> \ No newline at end of file Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/examples/echo.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/examples/echo.xhtml 2008-03-28 15:48:13 UTC (rev 7367) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/examples/echo.xhtml 2008-03-28 16:11:50 UTC (rev 7368) @@ -5,7 +5,6 @@ xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> - <rich:separator height="1"/> <h:form> <h:panelGrid columns="2"> <h:inputText value="#{userBean.name}"> @@ -14,6 +13,6 @@ <h:outputText id="outtext" value="#{userBean.name}" /> </h:panelGrid> </h:form> - <rich:separator height="1" style="padding-top:10px"/> + <br /> </ui:composition> \ No newline at end of file