Author: dsvyatobatsko Date: 2008-03-27 08:35:45 -0400 (Thu, 27 Mar 2008) New Revision: 7297 Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/listShuttle/listShuttle.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/orderingList/orderingList.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/pickList/usage.xhtml Log: Demo site: Rich Selects demos layout correction Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/listShuttle/listShuttle.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/listShuttle/listShuttle.xhtml 2008-03-27 12:18:18 UTC (rev 7296) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/listShuttle/listShuttle.xhtml 2008-03-27 12:35:45 UTC (rev 7297) @@ -14,20 +14,23 @@ List Shuttle could contain several columns in list representation. And it also has strong keyboard support out of the box. </p> - <p><b>Example. </b>Customize simple application toolbar using List Shuttle. - In this example you may select items and their order within the toolBar. - <br/> - After you move some items between lists or reorder them in "Currently Active" list - you'll - see the changes on the toolbar - </p> - <div class="sample-container"> - <ui:include src="/richfaces/listShuttle/examples/toolBarCustomization.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/listShuttle/examples/toolBarCustomization.xhtml"/> - </ui:include> - </div> - + <fieldset class="demo_fieldset"> + <legend class="demo_legend">ListShuttle example</legend> + <div class="sample-container"> + <p>Customize simple application toolbar using List Shuttle. + In this example you may select items and their order within the toolBar. + <br/> + After you move some items between lists or reorder them in "Currently Active" list - you'll + see the changes on the toolbar + </p> + <br/><br/> + <ui:include src="/richfaces/listShuttle/examples/toolBarCustomization.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/listShuttle/examples/toolBarCustomization.xhtml"/> + </ui:include> + </div> + </fieldset> <p> Content definition for this component - analogous to any Iteration component. So, all you need is define collection in List Shuttle <b>sourceValue</b> attribute Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/orderingList/orderingList.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/orderingList/orderingList.xhtml 2008-03-27 12:18:18 UTC (rev 7296) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/orderingList/orderingList.xhtml 2008-03-27 12:35:45 UTC (rev 7297) @@ -13,15 +13,20 @@ <p> Ordering List could contain several columns in list representation. And it also has strong keyboard support out of the box. - </p> - <p><b>Example. </b>Manage simple playlist represented via Ordering List:</p> - <div class="sample-container"> - <ui:include src="/richfaces/orderingList/example/playlist.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/orderingList/example/playlist.xhtml"/> - </ui:include> - - </div> + </p> + + <fieldset class="demo_fieldset"> + <legend class="demo_legend">OrderingList example</legend> + <div class="sample-container"> + <p>Manage simple playlist represented via Ordering List:</p> + <br/> + <ui:include src="/richfaces/orderingList/example/playlist.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/orderingList/example/playlist.xhtml"/> + </ui:include> + <br/> + </div> + </fieldset> <p> In this example you may select some songs (using the mouse and Ctrl/Shift keys) and move them within the list using controls. Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/pickList/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/pickList/usage.xhtml 2008-03-27 12:18:18 UTC (rev 7296) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/pickList/usage.xhtml 2008-03-27 12:35:45 UTC (rev 7297) @@ -16,14 +16,16 @@ <p> The next example shows the simplest declarative definition on the page. </p> - <div class="sample-container" > - - <ui:include src="/richfaces/pickList/examples/simple.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/pickList/examples/simple.xhtml"/> - </ui:include> - </div> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Example</legend> + <div class="sample-container" > + <ui:include src="/richfaces/pickList/examples/simple.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/pickList/examples/simple.xhtml"/> + </ui:include> + </div> + </fieldset> <p> Pick List is a simplified variant of ListShuttle component. It does not uses custom model. Instead it uses f:selectItem(s) tags for elements definition, so converters creation @@ -43,15 +45,16 @@ Just move some elements with state names to the result list and corresponding state capitals will appear in the result panel. </p> - <div class="sample-container" > - - <ui:include src="/richfaces/pickList/examples/items.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/pickList/examples/items.xhtml"/> - </ui:include> - </div> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Example</legend> + <div class="sample-container" > + <ui:include src="/richfaces/pickList/examples/items.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/pickList/examples/items.xhtml"/> + </ui:include> + </div> + </fieldset> </ui:define> - </ui:composition> </html>