Author: dsvyatobatsko Date: 2008-03-27 10:56:16 -0400 (Thu, 27 Mar 2008) New Revision: 7305 Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/insert/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/message/examples/form.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/message/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/messages/examples/form.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/messages/usage.xhtml Log: Demo site: Effect, Insert, Message/s demos layout correction Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/usage.xhtml 2008-03-27 14:55:03 UTC (rev 7304) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/usage.xhtml 2008-03-27 14:56:16 UTC (rev 7305) @@ -10,15 +10,17 @@ <p>rich:effect utilizes the set of effects provided by scriptaculous javascript library. It allows to attach effects to JSF components and html tags. For the reference of the available - effects and their parameters see the scriptaculous documentation and wiki. There are - <b>some of many</b> possible effects available out-of-the-box: + effects and their parameters see the scriptaculous documentation and wiki. </p> - <div class="sample-container"> - <ui:include src="/richfaces/effect/examples/diffTypes.xhtml" /> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/effect/examples/diffTypes.xhtml"/> - </ui:include> - </div> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Some of many possible effects available out-of-the-box</legend> + <div class="sample-container"> + <ui:include src="/richfaces/effect/examples/diffTypes.xhtml" /> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/effect/examples/diffTypes.xhtml"/> + </ui:include> + </div> + </fieldset> <p> It is possible to use rich:effect in two modes: <ul> @@ -28,14 +30,14 @@ <li>invoking from the javascript code by an effect name. During the rendering, rich:effect generates the javascript function with a defined name. When the function is called, the effect is applied</li> </ul> - Here are the typical variants of usage: </p> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Typical variants of usage</legend> + <div class="sample-container"> + <rich:insert src="/richfaces/effect/snippets/usecases.html" highlight="xhtml" /> + </div> + </fieldset> - <div class="sample-container"> - <rich:insert src="/richfaces/effect/snippets/usecases.html" highlight="xhtml" /> - </div> - - </ui:define> </ui:composition> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/insert/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/insert/usage.xhtml 2008-03-27 14:55:03 UTC (rev 7304) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/insert/usage.xhtml 2008-03-27 14:56:16 UTC (rev 7305) @@ -19,15 +19,17 @@ enabled. The following example shows the groovy code snippet inserted and highlighted: </p> - - <div class="sample-container"> - <ui:include src="/richfaces/insert/examples/groovy.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/insert/examples/groovy.xhtml"/> - <ui:param name="openlabel" value="View Page Source" /> - </ui:include> - </div> - + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Groovy code snippet page integration example</legend> + <div class="sample-container"> + <ui:include src="/richfaces/insert/examples/groovy.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/insert/examples/groovy.xhtml"/> + <ui:param name="openlabel" value="View Page Source" /> + </ui:include> + </div> + </fieldset> + <p> <b>errorContent</b> attribute defines the alternative content that will be shown in case rich:insert cannot read the resource defined with 'src' attribute. If Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/message/examples/form.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/message/examples/form.xhtml 2008-03-27 14:55:03 UTC (rev 7304) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/message/examples/form.xhtml 2008-03-27 14:56:16 UTC (rev 7305) @@ -17,7 +17,7 @@ <rich:panel> <f:facet name="header"> - <h:outputText value="Form Validation. Using rich:message"/> + <h:outputText value="Validation Form"/> </f:facet> <h:form> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/message/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/message/usage.xhtml 2008-03-27 14:55:03 UTC (rev 7304) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/message/usage.xhtml 2008-03-27 14:56:16 UTC (rev 7305) @@ -24,14 +24,15 @@ Fill the form and click "Validate" button to see the entered data passing the defined validation rules. </p> - <div class="sample-container" > - - <ui:include src="/richfaces/message/examples/form.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/message/examples/form.xhtml"/> - </ui:include> - - </div> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Form validation using rich:message example</legend> + <div class="sample-container" > + <ui:include src="/richfaces/message/examples/form.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/message/examples/form.xhtml"/> + </ui:include> + </div> + </fieldset> </ui:define> </ui:composition> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/messages/examples/form.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/messages/examples/form.xhtml 2008-03-27 14:55:03 UTC (rev 7304) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/messages/examples/form.xhtml 2008-03-27 14:56:16 UTC (rev 7305) @@ -14,9 +14,9 @@ <rich:panel style="width:400px"> <f:facet name="header"> - <h:outputText value="Form Validation. Using rich:messages"/> + <h:outputText value="Validation Form"/> </f:facet> - + <h:form> <rich:messages passedLabel="Data is allowed to be stored." layout="list"> <f:facet name="header"> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/messages/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/messages/usage.xhtml 2008-03-27 14:55:03 UTC (rev 7304) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/messages/usage.xhtml 2008-03-27 14:56:16 UTC (rev 7305) @@ -24,14 +24,15 @@ Fill the form and click the "Validate" button to see the entered data passing the defined validation rules. </p> - <div class="sample-container" > - - <ui:include src="/richfaces/messages/examples/form.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/messages/examples/form.xhtml"/> - </ui:include> - - </div> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Form validation using rich:messages example</legend> + <div class="sample-container" > + <ui:include src="/richfaces/messages/examples/form.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/messages/examples/form.xhtml"/> + </ui:include> + </div> + </fieldset> </ui:define> </ui:composition>