[richfaces-svn-commits] JBoss Rich Faces SVN: r7350 - in trunk/samples/richfaces-demo/src/main/webapp/richfaces: commandButton and 8 other directories.

Author: vbaranov Date: 2008-03-28 05:22:32 -0400 (Fri, 28 Mar 2008) New Revision: 7350 Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.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/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/usage.xhtml Log: Added <legend>s to the "Usage" pages on the demo site in the "Ajax Support" menu item Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/usage.xhtml 2008-03-28 07:59:24 UTC (rev 7349) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/actionparam/usage.xhtml 2008-03-28 09:22:32 UTC (rev 7350) @@ -18,26 +18,32 @@ Additionally to the f:param, this component allows to assign the value to the property of the manager bean directly using the assignTo attribute. </p> - <div class="sample-container"> - <ui:include src="/richfaces/actionparam/examples/assignTo.xhtml" /> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/actionparam/examples/assignTo.xhtml"/> - </ui:include> - </div> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">ActionParameter Demo</legend> + <div class="sample-container"> + <ui:include src="/richfaces/actionparam/examples/assignTo.xhtml" /> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/actionparam/examples/assignTo.xhtml"/> + </ui:include> + </div> + </fieldset> <p> You can use a4j:param not only with ajax components, but with non-ajax command component also. In the following example, the used skin of the demo is changed when the whole page is refreshed with the regular non-ajax h:commandLink. Using this feature you can update model values without invoking even a single line of java code on the server side. </p> - <div class="sample-container"> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">ActionParameter Demo</legend> + <div class="sample-container"> - <ui:include src="/richfaces/actionparam/examples/changeSkin.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/actionparam/examples/changeSkin.xhtml"/> - </ui:include> + <ui:include src="/richfaces/actionparam/examples/changeSkin.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/actionparam/examples/changeSkin.xhtml"/> + </ui:include> - </div> + </div> + </fieldset> <p>Attributes 'name' and 'value' are mandatory. You can specify the converter with 'converter' attribute if you need to convert the value before the model is updates. Note that the property is assigned with a parameter value on the UPDATE_MODEL phase. Thus, if @@ -50,12 +56,15 @@ to the server as a value of a4j:actionparam. The following example demonstrates how to assign the backing bean with browser screen size values. </p> - <div class="sample-container"> - <ui:include src="/richfaces/actionparam/examples/screenSize.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/actionparam/examples/screenSize.xhtml"/> - </ui:include> - </div> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">ActionParameter Demo</legend> + <div class="sample-container"> + <ui:include src="/richfaces/actionparam/examples/screenSize.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/actionparam/examples/screenSize.xhtml"/> + </ui:include> + </div> + </fieldset> </ui:define> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/usage.xhtml 2008-03-28 07:59:24 UTC (rev 7349) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/usage.xhtml 2008-03-28 09:22:32 UTC (rev 7350) @@ -20,14 +20,17 @@ without refreshing the entire page: </p> - <div class="sample-container" > + <fieldset class="demo_fieldset"> + <legend class="demo_legend">CommandButton Demo</legend> + <div class="sample-container" > - <ui:include src="/richfaces/commandButton/examples/sayHello.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/commandButton/examples/sayHello.xhtml"/> - </ui:include> + <ui:include src="/richfaces/commandButton/examples/sayHello.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/commandButton/examples/sayHello.xhtml"/> + </ui:include> - </div> + </div> + </fieldset> <p> For additional information about attributes of this compponent read <a href="#{facesContext.externalContext.requestContextPath}/richfaces/ajaxAttributes.jsf?c=ajaxattributes"> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/usage.xhtml 2008-03-28 07:59:24 UTC (rev 7349) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/usage.xhtml 2008-03-28 09:22:32 UTC (rev 7350) @@ -20,13 +20,16 @@ without refreshing the entire page: </p> - <div class="sample-container" > + <fieldset class="demo_fieldset"> + <legend class="demo_legend">CommandLink Demo</legend> + <div class="sample-container" > - <ui:include src="/richfaces/commandLink/examples/sayHello.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/commandLink/examples/sayHello.xhtml"/> - </ui:include> - </div> + <ui:include src="/richfaces/commandLink/examples/sayHello.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/commandLink/examples/sayHello.xhtml"/> + </ui:include> + </div> + </fieldset> <p> For additional information about attributes of this component read <a href="#{facesContext.externalContext.requestContextPath}/richfaces/ajaxAttributes.jsf?c=ajaxattributes"> 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 07:59:24 UTC (rev 7349) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml 2008-03-28 09:22:32 UTC (rev 7350) @@ -55,14 +55,15 @@ In both cases, the regular h:commandButton is used for the form submision. </p> - <div class="sample-container" > - - <ui:include src="/richfaces/form/examples/ajaxSubmit.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/form/examples/ajaxSubmit.xhtml"/> - </ui:include> - - </div> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">AjaxForm Demo</legend> + <div class="sample-container" > + <ui:include src="/richfaces/form/examples/ajaxSubmit.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/form/examples/ajaxSubmit.xhtml"/> + </ui:include> + </div> + </fieldset> <p> Note:You should not use a4j:form ajaxSubmit="true" if it contains other ajax command components. Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml 2008-03-28 07:59:24 UTC (rev 7349) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml 2008-03-28 09:22:32 UTC (rev 7350) @@ -14,14 +14,16 @@ shows how the part of the page is re-rendered when a user hovers over the names. </p> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">jsFunction Demo</legend> + <div class="sample-container" > - <div class="sample-container" > - - <ui:include src="/richfaces/jsFunction/examples/hoverEcho.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/jsFunction/examples/hoverEcho.xhtml"/> - </ui:include> - </div> + <ui:include src="/richfaces/jsFunction/examples/hoverEcho.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/jsFunction/examples/hoverEcho.xhtml"/> + </ui:include> + </div> + </fieldset> <p> <b>name</b> attribute defines the name of the function that will be generated. You 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 07:59:24 UTC (rev 7349) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/poll/usage.xhtml 2008-03-28 09:22:32 UTC (rev 7350) @@ -21,13 +21,16 @@ 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> - <div class="sample-container"> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Poll Demo</legend> + <div class="sample-container"> - <ui:include src="/richfaces/poll/examples/clock.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/poll/examples/clock.xhtml"/> - </ui:include> - </div> + <ui:include src="/richfaces/poll/examples/clock.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/poll/examples/clock.xhtml"/> + </ui:include> + </div> + </fieldset> <p><b>interval</b> attribute defines the interval in ms between the previous response and the 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 07:59:24 UTC (rev 7349) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/push/usage.xhtml 2008-03-28 09:22:32 UTC (rev 7350) @@ -55,14 +55,17 @@ <p> Thus, component 'push' uses asynchronous model instead of polls. </p> - <ui:remove> - <div class="sample-container"> - <ui:include src="/richfaces/push/examples/push.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/push/examples/push.xhtml"/> - <ui:param name="openlabel" value="View Page Source" /> - </ui:include> - </div> + <ui:remove> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Push Demo</legend> + <div class="sample-container"> + <ui:include src="/richfaces/push/examples/push.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/push/examples/push.xhtml"/> + <ui:param name="openlabel" value="View Page Source" /> + </ui:include> + </div> + </fieldset> </ui:remove> </ui:define> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/usage.xhtml 2008-03-28 07:59:24 UTC (rev 7349) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/region/usage.xhtml 2008-03-28 09:22:32 UTC (rev 7350) @@ -34,13 +34,16 @@ of the other field with required="true". You will see only the error message while the "Job" field is empty. </p> - <div class="sample-container" > + <fieldset class="demo_fieldset"> + <legend class="demo_legend">AjaxRegion Demo</legend> + <div class="sample-container" > - <ui:include src="/richfaces/region/examples/validationErrorIssue.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/region/examples/validationErrorIssue.xhtml"/> - </ui:include> - </div> + <ui:include src="/richfaces/region/examples/validationErrorIssue.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/region/examples/validationErrorIssue.xhtml"/> + </ui:include> + </div> + </fieldset> <p> If no one region is defined explicitly on the page, the whole view plays the role of a region. Regions might be nested. When the ajax request is invoked by the ajax component, the @@ -75,13 +78,16 @@ that is stored in the component tree. Both forms are wrapped with a4j:region selfRendered="true" </p> - <div class="sample-container" > + <fieldset class="demo_fieldset"> + <legend class="demo_legend">AjaxRegion Demo</legend> + <div class="sample-container" > - <ui:include src="/richfaces/region/examples/selfRender.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/region/examples/selfRender.xhtml"/> - </ui:include> - </div> + <ui:include src="/richfaces/region/examples/selfRender.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/region/examples/selfRender.xhtml"/> + </ui:include> + </div> + </fieldset> <rich:spacer height="30" /> </ui:define> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/usage.xhtml 2008-03-28 07:59:24 UTC (rev 7349) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/status/usage.xhtml 2008-03-28 09:22:32 UTC (rev 7350) @@ -13,13 +13,16 @@ 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" > + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Status Demo</legend> + <div class="sample-container" > - <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"/> - </ui:include> - </div> + <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"/> + </ui:include> + </div> + </fieldset> <p> <b>startText</b> attribute defines the label that will be visible when the Ajax request @@ -42,14 +45,17 @@ the right of the input field during an Ajax request. </p> - <div class="sample-container" > + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Status Demo</legend> + <div class="sample-container" > - <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"/> - </ui:include> + <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"/> + </ui:include> - </div> + </div> + </fieldset> <p> By default, a4j:status works for each Ajax components inside the local region. This @@ -85,13 +91,15 @@ component located in the different region: </p> - - <div class="sample-container" > - <ui:include src="/richfaces/status/examples/cleaner.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/status/examples/cleaner.xhtml"/> - </ui:include> - </div> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Status Demo</legend> + <div class="sample-container" > + <ui:include src="/richfaces/status/examples/cleaner.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/status/examples/cleaner.xhtml"/> + </ui:include> + </div> + </fieldset> </ui:define> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/usage.xhtml 2008-03-28 07:59:24 UTC (rev 7349) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/usage.xhtml 2008-03-28 09:22:32 UTC (rev 7350) @@ -28,17 +28,18 @@ typing in the input field: </p> - - <div class="sample-container" > + <fieldset class="demo_fieldset"> + <legend class="demo_legend">AjaxSupport Demo</legend> + <div class="sample-container" > + <ui:include src="/richfaces/support/examples/echo.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/support/examples/echo.xhtml"/> + </ui:include> - <ui:include src="/richfaces/support/examples/echo.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/support/examples/echo.xhtml"/> - </ui:include> - - </div> + </div> + </fieldset> <p>