Author: dsvyatobatsko Date: 2008-03-27 09:30:19 -0400 (Thu, 27 Mar 2008) New Revision: 7299 Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceInput/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceSelect/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/suggestionBox/usage.xhtml Log: Demo site: InplaceInput, InplaceSelect, SuggestionBox demos layout correction 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-27 12:40:05 UTC (rev 7298) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceInput/usage.xhtml 2008-03-27 13:30:19 UTC (rev 7299) @@ -26,31 +26,43 @@ to edit the value and click somewhere outside the component to store this value(Or just press ENTER button). </p> - <div class="sample-container" jsfc="h:panelGroup" layout="block"> - <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> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">The simplest InplaceInput</legend> + <div class="sample-container" jsfc="h:panelGroup" layout="block"> + <br/> + <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> + </fieldset> <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> - <div class="sample-container" jsfc="h:panelGroup" layout="block"> - <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> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">InplaceInput with controls</legend> + <div class="sample-container" jsfc="h:panelGroup" layout="block"> + <br/> + <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> + </fieldset> <p> Controls used by inplace could be redefined using <b>controls</b> named facet: </p> - <div class="sample-container"> - <ui:include src="/richfaces/inplaceInput/examples/controlsCustomization.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/inplaceInput/examples/controlsCustomization.xhtml"/> - </ui:include> - </div> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">InplaceInput with customized controls</legend> + <div class="sample-container"> + <br/> + <ui:include src="/richfaces/inplaceInput/examples/controlsCustomization.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/inplaceInput/examples/controlsCustomization.xhtml"/> + </ui:include> + </div> + </fieldset> <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. @@ -66,14 +78,17 @@ <p> <b>Perform double click at any price in order to change it.</b> </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> - + + <fieldset class="demo_fieldset"> + <legend class="demo_legend">InplaceInput as table cell editor</legend> + <div class="sample-container"> + <br/> + <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> + </fieldset> </ui:define> </ui:composition> 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-27 12:40:05 UTC (rev 7298) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/inplaceSelect/usage.xhtml 2008-03-27 13:30:19 UTC (rev 7299) @@ -18,12 +18,15 @@ You could try the simplest example below. 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> - <div class="sample-container" > - <ui:include src="/richfaces/inplaceSelect/examples/simple.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/inplaceSelect/examples/simple.xhtml"/> - </ui:include> - </div> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Example</legend> + <div class="sample-container"> + <ui:include src="/richfaces/inplaceSelect/examples/simple.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/inplaceSelect/examples/simple.xhtml"/> + </ui:include> + </div> + </fieldset> <p> In this example <i>f:selectItems</i> tag is used to define a list of items to use. Additionally the next useful attributes are used: @@ -39,22 +42,28 @@ <li> Classes customization is used</li> </ul> <p><b>Double click to edit value</b> <i>(editEvent set as ondblclick)</i>.</p> - <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> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Example</legend> + <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> + </fieldset> <p> And the last example shows how to save the simplest value via Ajax request and how customize controls using <b>controls</b> facet. - </p> - <div class="sample-container" > - <ui:include src="/richfaces/inplaceSelect/examples/controlsCustomization.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/inplaceSelect/examples/controlsCustomization.xhtml"/> - </ui:include> - </div> + </p> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Example</legend> + <div class="sample-container"> + <ui:include src="/richfaces/inplaceSelect/examples/controlsCustomization.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/inplaceSelect/examples/controlsCustomization.xhtml"/> + </ui:include> + </div> + </fieldset> </ui:define> </ui:composition> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/suggestionBox/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/suggestionBox/usage.xhtml 2008-03-27 12:40:05 UTC (rev 7298) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/suggestionBox/usage.xhtml 2008-03-27 13:30:19 UTC (rev 7299) @@ -21,12 +21,15 @@ is inserted into the input field if a particular row is selected or clicked from the suggested list.</p> - <div class="sample-container"> - <ui:include src="/richfaces/suggestionBox/examples/custom.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/suggestionBox/examples/custom.xhtml"/> - </ui:include> - </div> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">SuggestionBox example</legend> + <div class="sample-container"> + <ui:include src="/richfaces/suggestionBox/examples/custom.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/suggestionBox/examples/custom.xhtml"/> + </ui:include> + </div> + </fieldset> </ui:define>