Author: dsvyatobatsko Date: 2008-03-20 13:28:01 -0400 (Thu, 20 Mar 2008) New Revision: 7023 Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/ajaxTree.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/clientTree.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/serverTree.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/usage.xhtml Log: [RF-2624] Demo site: corrections of Tree demo layout Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/ajaxTree.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/ajaxTree.xhtml 2008-03-20 17:26:20 UTC (rev 7022) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/ajaxTree.xhtml 2008-03-20 17:28:01 UTC (rev 7023) @@ -5,7 +5,7 @@ xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> - <p>This tree uses "ajax" switch type, note that for collapse/expand operations it will be Ajax request to the server. You may see short delay in this case.</p> + <p>This tree uses "ajax" switch type, note that for collapse/expand operations it will be Ajax request to the server. You may see short delay in this case.</p><br/> <h:form> <rich:tree style="width:300px" value="#{library.data}" var="item" nodeFace="#{item.type}"> <rich:treeNode type="artist" iconLeaf="/images/tree/singer.gif" icon="/images/tree/singer.gif"> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/clientTree.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/clientTree.xhtml 2008-03-20 17:26:20 UTC (rev 7022) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/clientTree.xhtml 2008-03-20 17:28:01 UTC (rev 7023) @@ -5,7 +5,7 @@ xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> - <p>This is exactly the same tree, but now it uses "client" switch type. Note, that all nodes actually rendered up-front and expand/collapse now do not requre server call</p> + <p>This is exactly the same tree, but now it uses "client" switch type. Note, that all nodes actually rendered up-front and expand/collapse now do not requre server call</p><br/> <h:form> <rich:tree switchType="client" style="width:300px" value="#{library.data}" var="item" nodeFace="#{item.type}"> <rich:treeNode type="artist" iconLeaf="/images/tree/singer.gif" icon="/images/tree/singer.gif"> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/serverTree.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/serverTree.xhtml 2008-03-20 17:26:20 UTC (rev 7022) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/serverTree.xhtml 2008-03-20 17:28:01 UTC (rev 7023) @@ -5,7 +5,7 @@ xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> - <p>This is again same tree, but now it uses "server" switch type. Full page content will be reloaded at every click.</p> + <p>This is again same tree, but now it uses "server" switch type. Full page content will be reloaded at every click.</p><br/> <h:form> <rich:tree switchType="server" style="width:300px" value="#{library.data}" var="item" nodeFace="#{item.type}"> <rich:treeNode type="artist" iconLeaf="/images/tree/singer.gif" icon="/images/tree/singer.gif"> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/usage.xhtml 2008-03-20 17:26:20 UTC (rev 7022) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/usage.xhtml 2008-03-20 17:28:01 UTC (rev 7023) @@ -17,25 +17,35 @@ <li>Built-in drag/drop capabilities</li> <li>Flexible look</li> </ul> - <div class="sample-container" > - <ui:include src="/richfaces/tree/examples/ajaxTree.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/tree/examples/ajaxTree.xhtml"/> - </ui:include> - </div> - <div class="sample-container" > - <ui:include src="/richfaces/tree/examples/clientTree.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/tree/examples/clientTree.xhtml"/> - </ui:include> - </div> - <div class="sample-container" > - <ui:include src="/richfaces/tree/examples/serverTree.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/tree/examples/serverTree.xhtml"/> - </ui:include> - </div> - <p> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Ajax switch type</legend> + <div class="sample-container"> + <ui:include src="/richfaces/tree/examples/ajaxTree.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/tree/examples/ajaxTree.xhtml"/> + </ui:include> + </div> + </fieldset> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Client switch type</legend> + + <div class="sample-container" > + <ui:include src="/richfaces/tree/examples/clientTree.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/tree/examples/clientTree.xhtml"/> + </ui:include> + </div> + </fieldset> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Server switch type</legend> + <div class="sample-container" > + <ui:include src="/richfaces/tree/examples/serverTree.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/tree/examples/serverTree.xhtml"/> + </ui:include> + </div> + </fieldset> + <p class="note"> Note how the tree switched on "client" does not "remember" its state when whole page is reloaded. At the same time "ajax" tree remembers its state without any additional code. </p> </ui:define>