Author: dsvyatobatsko Date: 2008-03-24 14:08:52 -0400 (Mon, 24 Mar 2008) New Revision: 7141 Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/separators.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/usage.xhtml Log: [RF-2665] Demo site: corrections of ToolBar demo layout Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/separators.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/separators.xhtml 2008-03-24 17:50:44 UTC (rev 7140) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/separators.xhtml 2008-03-24 18:08:52 UTC (rev 7141) @@ -6,7 +6,7 @@ xmlns:rich="http://richfaces.org/rich"> <h:form> - <h:panelGrid columns="2" width="100%"> + <h:panelGrid columns="3" width="100%" cellpadding="0" cellspacing="0" style="margin-bottom : 4px"> <rich:panel> <h:panelGrid columns="8"> <h:outputText value="Group Separator:" /> @@ -31,6 +31,9 @@ </a4j:commandLink> </h:panelGrid> </rich:panel> + <h:panelGroup style="padding-left : 4px"> + <br/> + </h:panelGroup> <rich:panel> <h:panelGrid columns="8"> <h:outputText value="Group Item Separator:" /> Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/usage.xhtml 2008-03-24 17:50:44 UTC (rev 7140) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/usage.xhtml 2008-03-24 18:08:52 UTC (rev 7141) @@ -12,39 +12,40 @@ Toolbar is a horizontal-oriented panel that can be used in different ways: for top level menu, for information panel, for tools-like menu and so on.<br /> The following example shows how the panelBar might look like: </p> - - <div class="sample-container" > - <ui:include src="/richfaces/toolBar/examples/iconBar.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/toolBar/examples/iconBar.xhtml"/> - </ui:include> - </div> - - <div class="sample-container" > - <ui:include src="/richfaces/toolBar/examples/menus.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/toolBar/examples/menus.xhtml"/> - </ui:include> - - </div> - - + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Tool Bar example 1</legend> + <div class="sample-container" > + <ui:include src="/richfaces/toolBar/examples/iconBar.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/toolBar/examples/iconBar.xhtml"/> + </ui:include> + </div> + </fieldset> + + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Tool Bar example 2</legend> + <div class="sample-container" > + <ui:include src="/richfaces/toolBar/examples/menus.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/toolBar/examples/menus.xhtml"/> + </ui:include> + </div> + </fieldset> + <p> Items on the toolBar can be grouped with ability to define a separator between different groups and between a member of the same group. The "location" attribute set to "right" put a group to the right side of the panel. - </p> - <div class="sample-container" > - - <ui:include src="/richfaces/toolBar/examples/separators.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/toolBar/examples/separators.xhtml"/> - </ui:include> - - - </div> - + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Tool Bar Separator example</legend> + <div class="sample-container"> + <ui:include src="/richfaces/toolBar/examples/separators.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/toolBar/examples/separators.xhtml"/> + </ui:include> + </div> + </fieldset> </ui:define> </ui:composition>