[richfaces-svn-commits] JBoss Rich Faces SVN: r2235 - in trunk/samples/richfaces-demo/src/main/webapp/richfaces: dataFilterSlider/examples and 25 other directories.
richfaces-svn-commits at lists.jboss.org
richfaces-svn-commits at lists.jboss.org
Mon Aug 13 19:48:41 EDT 2007
Author: SergeySmirnov
Date: 2007-08-13 19:48:41 -0400 (Mon, 13 Aug 2007)
New Revision: 2235
Added:
trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataFilterSlider/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataFilterSlider/examples/filterData.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/extendedDataModel.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/report.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTableScroller/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTableScroller/examples/simpleScroller.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/dragSupport/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/dragSupport/examples/dnd.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/sidemenu.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/topmenu.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/examples/edvToogl.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/gmap/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/gmap/examples/mapUsage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/examples/sliderUsage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/examples/spinnerUsage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/hoverEcho.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/suggestionBox/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/suggestionBox/examples/custom.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/iconBar.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/menus.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/separators.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/
trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/tooltipUsage.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/withTable.xhtml
trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/
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
Log:
demo update. ref to sources
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataFilterSlider/examples/filterData.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataFilterSlider/examples/filterData.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataFilterSlider/examples/filterData.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,98 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <style>
+ .rich-table-firstrow .rich-table-cell{
+ border-top-width:0px;
+ }
+ </style>
+
+ <a4j:form id="form1"
+ reRender="list-body" ajaxSubmit="true" ignoreDupResponses="true"
+ requestDelay="500">
+
+ <a4j:region id="stat1">
+
+ <a4j:outputPanel id="slider-body">
+
+ <rich:dataFilterSlider sliderListener="#{dfsBean.doSlide}"
+ binding="#{inventoryList.dataFilterSlider}" for="carList"
+ forValRef="inventoryList.carInventory" filterBy="getMileage"
+ manualInput="true" onSlide="true" onChange="true"
+ storeResults="true" trackStyleClass="track" width="200px"
+ styleClass="slider-container" startRange="10000" endRange="60000"
+ increment="10000" rangeStyleClass="range" trailer="true"
+ trailerStyleClass="trailer" handleStyleClass="handle"
+ handleValue="1" id="slider_1"></rich:dataFilterSlider>
+
+ </a4j:outputPanel>
+
+ <rich:spacer height="15" />
+
+ <a4j:outputPanel id="list-body">
+ <h:dataTable id="carIndex" rows="10"
+ binding="#{inventoryList.carMakeIndexUIData}"
+ value="#{inventoryList.carMakeIndex}" var="category"
+ styleClass="list-table1" columnClasses="column-index"
+ rowClasses="list-row3">
+
+ <h:column>
+ <a4j:commandLink actionListener="#{inventoryList.filterCarList}"
+ reRender="carList">
+ <h:outputText value="#{category}" />
+ <f:attribute name="filterRule" value="showTable" />
+
+ </a4j:commandLink>
+ </h:column>
+
+ </h:dataTable>
+ <rich:spacer height="15" />
+
+ <rich:dataTable width="300" id="carList" rows="10"
+ value="#{inventoryList.carInventory}" var="category">
+ <f:facet name="header">
+ <rich:columnGroup>
+ <h:column>
+ <h:outputText styleClass="headerText" value="Make" />
+ </h:column>
+ <h:column>
+ <h:outputText styleClass="headerText" value="Model" />
+ </h:column>
+ <h:column>
+ <h:outputText styleClass="headerText" value="Price" />
+ </h:column>
+ <h:column>
+ <h:outputText styleClass="headerText" value="Mileage" />
+ </h:column>
+ </rich:columnGroup>
+ </f:facet>
+
+ <h:column>
+ <h:outputText value="#{category.make}" />
+ </h:column>
+ <h:column>
+ <h:outputText value="#{category.model}" />
+ </h:column>
+ <h:column>
+ <h:outputText value="#{category.price}" />
+ </h:column>
+ <h:column>
+ <h:outputText value="#{category.mileage}" />
+ </h:column>
+
+ </rich:dataTable>
+
+ </a4j:outputPanel>
+
+ <rich:spacer height="15" />
+
+
+ </a4j:region>
+
+ </a4j:form>
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/extendedDataModel.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/extendedDataModel.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/extendedDataModel.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,61 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:messages />
+ <h:form>
+ <rich:datascroller for="auction" maxPages="5"/>
+ <rich:spacer height="30" />
+ <rich:dataTable id="auction" value="#{auctionDataModel}" var="item" rows="25">
+ <rich:column>
+ <f:facet name="header">
+ <h:outputText value="Description"/>
+ </f:facet>
+ <h:outputText value="#{item.description}"/>
+ </rich:column>
+ <rich:column>
+ <f:facet name="header">
+ <h:outputText value="Highest Bid"/>
+ </f:facet>
+ <h:outputText id="highestBid" value="#{item.highestBid}">
+ <f:convertNumber pattern="$#,##0.00"/>
+ </h:outputText>
+ </rich:column>
+ <rich:column>
+ <f:facet name="header">
+ <h:outputText value="Qty Avialable"/>
+ </f:facet>
+ <h:outputText value="#{item.qtyAvialable}"/>
+ </rich:column>
+ <rich:column>
+ <f:facet name="header">
+ <h:outputText value="Your Bid"/>
+ </f:facet>
+ <h:inputText id="bid" value="#{item.bid}">
+ <f:convertNumber />
+ </h:inputText>
+ <a4j:commandLink action="#{item.placeBid}" value="Bid!" reRender="bid,qty,amount,highestBid" />
+ </rich:column>
+ <rich:column>
+ <f:facet name="header">
+ <h:outputText value="Your Qty"/>
+ </f:facet>
+ <h:inputText id="qty" value="#{item.qtyRequested}">
+ <f:convertNumber />
+ </h:inputText>
+ </rich:column>
+ <rich:column>
+ <f:facet name="header">
+ <h:outputText value="Amount"/>
+ </f:facet>
+ <h:outputText id="amount" value="#{item.amount}" >
+ <f:convertNumber pattern="$#,##0.00"/>
+ </h:outputText>
+ </rich:column>
+ </rich:dataTable>
+ </h:form>
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/report.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/report.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTable/examples/report.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,99 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:dataTable
+ onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
+ onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
+ cellpadding="0" cellspacing="0"
+ width="700" border="0" var="record" value="#{report.expReport.records}">
+
+ <f:facet name="header">
+ <rich:columnGroup>
+ <rich:column rowspan="2">
+ <rich:spacer />
+ </rich:column>
+ <rich:column colspan="3">
+ <h:outputText value="Expenses" />
+ </rich:column>
+ <rich:column rowspan="2">
+ <h:outputText value="subtotals" />
+ </rich:column>
+ <rich:column breakBefore="true">
+ <h:outputText value="Meals" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="Hotels" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="Transport" />
+ </rich:column>
+ </rich:columnGroup>
+ </f:facet>
+
+ <rich:column colspan="5">
+ <h:outputText value="#{record.city}" /></rich:column>
+
+
+ <rich:subTable
+ onRowMouseOver="this.style.backgroundColor='#F8F8F8'"
+ onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
+ var="expense" value="#{record.items}">
+ <rich:column>
+ <h:outputText value="#{expense.day}"></h:outputText>
+ <f:facet name="footer">
+ <rich:spacer />
+ </f:facet>
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{expense.meals}"><f:convertNumber pattern="$####.00" /></h:outputText>
+ <f:facet name="footer">
+ <h:outputText value="#{record.totalMeals}"><f:convertNumber pattern="$####.00" /></h:outputText>
+ </f:facet>
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{expense.hotels}"><f:convertNumber pattern="$####.00" /></h:outputText>
+ <f:facet name="footer">
+ <h:outputText value="#{record.totalHotels}"><f:convertNumber pattern="$####.00" /></h:outputText>
+ </f:facet>
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{expense.transport}"><f:convertNumber pattern="$####.00" /></h:outputText>
+ <f:facet name="footer">
+ <h:outputText value="#{record.totalTransport}"><f:convertNumber pattern="$####.00" /></h:outputText>
+ </f:facet>
+ </rich:column>
+ <rich:column>
+ <rich:spacer></rich:spacer>
+ <f:facet name="footer">
+ <h:outputText value="#{record.total}"><f:convertNumber pattern="$####.00" /></h:outputText>
+ </f:facet>
+ </rich:column>
+
+ </rich:subTable>
+
+ <f:facet name="footer">
+
+ <rich:columnGroup>
+ <rich:column>Totals</rich:column>
+ <rich:column>
+ <h:outputText value="#{report.expReport.totalMeals}"><f:convertNumber pattern="$####.00" /></h:outputText>
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{report.expReport.totalHotels}"><f:convertNumber pattern="$####.00" /></h:outputText>
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{report.expReport.totalTransport}"><f:convertNumber pattern="$####.00" /></h:outputText>
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{report.expReport.grandTotal}"><f:convertNumber pattern="$####.00" /></h:outputText>
+ </rich:column>
+ </rich:columnGroup>
+ </f:facet>
+
+ </rich:dataTable>
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTableScroller/examples/simpleScroller.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTableScroller/examples/simpleScroller.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dataTableScroller/examples/simpleScroller.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,54 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <style>
+ .col {
+ width:100px;
+ }
+ </style>
+
+ <h:form>
+ <rich:datascroller align="left" for="carList" maxPages="20" />
+ <rich:spacer height="30" />
+ <rich:dataTable width="483" id="carList" rows="10" columnClasses="col"
+ value="#{dataTableScrollerBean.allCars}" var="category">
+ <f:facet name="header">
+ <rich:columnGroup>
+ <h:column>
+ <h:outputText styleClass="headerText" value="Make" />
+ </h:column>
+ <h:column>
+ <h:outputText styleClass="headerText" value="Model" />
+ </h:column>
+ <h:column>
+ <h:outputText styleClass="headerText" value="Price" />
+ </h:column>
+ <h:column>
+ <h:outputText styleClass="headerText" value="Mileage" />
+ </h:column>
+ </rich:columnGroup>
+ </f:facet>
+
+ <h:column>
+ <h:outputText value="#{category.make}" />
+ </h:column>
+ <h:column>
+ <h:outputText value="#{category.model}" />
+ </h:column>
+ <h:column>
+ <h:outputText value="#{category.price}" />
+ </h:column>
+ <h:column>
+ <h:outputText value="#{category.mileage}" />
+ </h:column>
+
+
+
+ </rich:dataTable>
+ </h:form>
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/dragSupport/examples/dnd.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/dragSupport/examples/dnd.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dragSupport/examples/dnd.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,109 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+
+ <style>
+ .panelc {
+ width:25%;
+ vertical-align:top;
+ height:300px;
+ }
+
+ .dropTargetPanel {
+ width: 90%;
+ }
+ </style>
+
+ <rich:dragIndicator id="indicator" />
+
+ <h:form id="form">
+
+ <h:panelGrid columnClasses="panelc" columns="4" width="100%">
+
+ <rich:panel style="width:100px">
+ <f:facet name="header">
+ <h:outputText value="Source List" />
+ </f:facet>
+ <h:dataTable id="src" columns="1" value="#{dndBean.frameworks}"
+ var="fm" >
+
+ <h:column>
+ <a4j:outputPanel style="border:1px solid gray;padding:2px;"
+ layout="block">
+ <rich:dragSupport dragIndicator=":indicator"
+ dragType="#{fm.family}" dragValue="#{fm}">
+ <rich:dndParam name="label" value="#{fm.name}" />
+ </rich:dragSupport>
+ <h:outputText value="#{fm.name}"></h:outputText>
+ </a4j:outputPanel>
+ </h:column>
+
+ </h:dataTable>
+ </rich:panel>
+
+ <rich:panel styleClass="dropTargetPanel">
+ <f:facet name="header">
+ <h:outputText value="PHP Frameworks" />
+ </f:facet>
+ <rich:dropSupport id="php" acceptedTypes="PHP" dropValue="PHP"
+ dropListener="#{eventBean.processDrop}" reRender="phptable, src">
+ </rich:dropSupport>
+
+ <h:dataTable id="phptable" columns="1" value="#{dndBean.containerPHP}" var="fm">
+ <h:column>
+ <h:outputText value="#{fm.name}"></h:outputText>
+ </h:column>
+ </h:dataTable>
+
+
+ </rich:panel>
+
+ <rich:panel styleClass="dropTargetPanel">
+ <f:facet name="header">
+ <h:outputText value=".NET Frameworks" />
+ </f:facet>
+ <rich:dropSupport id="dnet" acceptedTypes="DNET" dropValue="DNET"
+ dropListener="#{eventBean.processDrop}" reRender="dnettable, src">
+ </rich:dropSupport>
+
+ <h:dataTable id="dnettable" columns="1" value="#{dndBean.containerDNET}" var="fm">
+ <h:column>
+ <h:outputText value="#{fm.name}"></h:outputText>
+ </h:column>
+ </h:dataTable>
+
+
+ </rich:panel>
+
+ <rich:panel styleClass="dropTargetPanel">
+ <f:facet name="header">
+ <h:outputText value="ColdFusion Frameworks" />
+ </f:facet>
+ <rich:dropSupport id="cf" acceptedTypes="CF" dropValue="CF"
+ dropListener="#{eventBean.processDrop}" reRender="cftable, src">
+ </rich:dropSupport>
+
+ <h:dataTable id="cftable" columns="1" value="#{dndBean.containerCF}" var="fm">
+ <h:column>
+ <h:outputText value="#{fm.name}"></h:outputText>
+ </h:column>
+ </h:dataTable>
+
+
+ </rich:panel>
+
+
+
+
+ </h:panelGrid>
+ <a4j:commandButton action="#{dndBean.reset}" value="Start Over"
+ reRender="src,phptable,cftable,dnettable" />
+ </h:form>
+ <a4j:outputPanel ajaxRendered="true">
+ <h:messages></h:messages>
+ </a4j:outputPanel>
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/sidemenu.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/sidemenu.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/sidemenu.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,51 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <style>
+ .optionList {
+ height:22px;
+ }
+ .vertical-menu-cell {
+ padding:0px 4px 0px 4px;
+ }
+
+ </style>
+
+ <h:form>
+
+ <h:panelGrid class="vertical-menu-cell" columnClasses="optionList" columns="1" cellspacing="0" cellpadding="0">
+ <rich:dropDownMenu style="border:1px solid #{a4jSkin.panelBorderColor}" value="Option1" direction="bottom-right" jointPoint="tr">
+ <rich:menuItem value="Suboption1-1" />
+ <rich:menuItem value="Suboption1-2">
+ <f:facet name="icon">
+ <h:graphicImage value="/richfaces/toolBar/images/print.gif" />
+ </f:facet>
+
+ </rich:menuItem>
+ <rich:menuItem value="Suboption1-3" />
+ </rich:dropDownMenu>
+ <rich:dropDownMenu style="border:1px solid #{a4jSkin.panelBorderColor}" value="Option2" direction="bottom-right" jointPoint="tr">
+ <rich:menuItem value="Suboption2-1" />
+ <rich:menuItem value="Suboption2-2" />
+ <rich:menuGroup value="Group2" direction="#{bean.groupDirection}">
+ <rich:menuItem value="SuboptionG2-2-1" />
+ <rich:menuItem value="SuboptionG2-2-2" />
+ </rich:menuGroup>
+
+ <rich:menuItem value="Suboption2-3" />
+ </rich:dropDownMenu>
+ <rich:dropDownMenu style="border:1px solid #{a4jSkin.panelBorderColor}" value="Option3" direction="bottom-right" jointPoint="tr">
+ <rich:menuItem value="Suboption3-1" />
+ <rich:menuItem value="Suboption3-2" />
+ <rich:menuItem value="Suboption3-3" />
+ </rich:dropDownMenu>
+
+ </h:panelGrid>
+ </h:form>
+
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/topmenu.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/topmenu.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/dropDownMenu/examples/topmenu.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,61 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <h:form>
+
+ <rich:toolBar>
+ <rich:dropDownMenu value="File">
+
+ <rich:menuItem submitMode="ajax" value="New" action="#{ddmenu.doNew}">
+ </rich:menuItem>
+ <rich:menuItem submitMode="ajax" value="Open" action="#{ddmenu.doOpen}"/>
+ <rich:menuGroup value="Save As...">
+ <rich:menuItem submitMode="ajax" value="Text File" action="#{ddmenu.doSaveText}"/>
+ <rich:menuItem submitMode="ajax" value="PDF File" action="#{ddmenu.doPDF}"/>
+ </rich:menuGroup>
+ <rich:menuItem submitMode="ajax" value="Close" action="#{ddmenu.doClose}"/>
+ <rich:menuSeparator id="menuSeparator11"/>
+ <rich:menuItem submitMode="ajax" value="Exit" action="#{ddmenu.doExit}"/>
+
+ </rich:dropDownMenu>
+
+ <rich:dropDownMenu>
+
+ <f:facet name="label">
+ <h:panelGrid cellpadding="0" cellspacing="0" columns="2" style="vertical-align:middle">
+ <h:graphicImage value="/richfaces/toolBar/images/yellow_lamp.gif"/>
+ <h:outputText value="Links" />
+ </h:panelGrid>
+ </f:facet>
+
+ <rich:menuItem submitMode="none" onclick="document.location.href='http://labs.jboss.com/jbossrichfaces/'">
+ <f:facet name="icon">
+ <h:graphicImage value="/richfaces/toolBar/images/webapp_welcome.gif" />
+ </f:facet>
+ <h:outputLink value="http://labs.jboss.com/jbossrichfaces/">
+ <h:outputText value="RichFaces Home Page"></h:outputText>
+ </h:outputLink>
+ </rich:menuItem>
+
+ <rich:menuItem submitMode="none" onclick="document.location.href='http://jboss.com/index.html?module=bb&op=viewforum&f=261'">
+ <f:facet name="icon">
+ <h:graphicImage value="/richfaces/toolBar/images/timer_task.gif" />
+ </f:facet>
+ <h:outputLink value="http://jboss.com/index.html?module=bb&op=viewforum&f=261">
+ <h:outputText value="RichFaces Forum"></h:outputText>
+ </h:outputLink>
+ </rich:menuItem>
+
+ </rich:dropDownMenu>
+ </rich:toolBar>
+ </h:form>
+ <a4j:outputPanel ajaxRendered="true">
+ <h:outputText value="Current Selection: "></h:outputText>
+ <h:outputText style="font-weight:bold" value="#{ddmenu.current}"></h:outputText>
+ </a4j:outputPanel>
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/examples/edvToogl.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/examples/edvToogl.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/effect/examples/edvToogl.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,28 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+<script>
+ function fin(obj){
+ alert(obj);
+ /*
+ for(var i in obj.effects){
+ alert(obj.effects[i]['element'].id);
+ }
+ */
+ }
+</script>
+
+<div id="dv2" style="width:200px;height:10px;background-color:lightgreen"></div>
+
+<div id="dv" style="width:200px;height:200px;background-color:lightblue"></div>
+
+<rich:effect event="onclick" for="dv" type="Opacity" params="from:1.0,to:.1,afterFinish:fin" />
+<rich:effect event="onclick" for="dv2" type="Opacity" params="targetId:'dv',from:0.3,to:1.0" />
+
+
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/gmap/examples/mapUsage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/gmap/examples/mapUsage.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/gmap/examples/mapUsage.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,62 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+
+ <style>
+ .optionList {
+ height:30px;
+ }
+ </style>
+
+ <h:panelGrid columns="2">
+ <rich:gmap gmapVar="map" zoom="#{gmBean.zoom}" style="width:400px;height:400px" gmapKey="#{gmBean.gmapkey}" />
+
+ <h:panelGroup>
+ <rich:tabPanel switchType="ajax" width="350" height="400">
+ <rich:tab label="Using Google Map API">
+ <h:panelGrid columns="2" columnClasses="optionList">
+ <h:outputText value="Controls:" />
+ <h:panelGroup>
+ <a href="javascript: void 0" onclick="map.hideControls()">Hide</a>
+ <a href="javascript: void 0" onclick="map.showControls()">Show</a><br/>
+ </h:panelGroup>
+
+ <h:outputText value="Zoom:" />
+ <rich:inputNumberSlider id="zoom" showInput="false" minValue="1" maxValue="18"
+ value="#{gmBean.zoom}" onchange="map.setZoom(this.value)"/>
+
+
+ <h:outputText value="Map Type:" />
+ <h:panelGroup>
+ <a href="javascript: void 0" onclick="map.setMapType(G_NORMAL_MAP)">Normal</a>
+ <a href="javascript: void 0" onclick="map.setMapType(G_SATELLITE_MAP)">Satellite</a>
+ <a href="javascript: void 0" onclick="map.setMapType(G_HYBRID_MAP)">Hybrid</a><br/>
+ </h:panelGroup>
+
+ </h:panelGrid>
+ </rich:tab>
+
+ <rich:tab label="Using Ajax with JSON">
+ <rich:dataGrid var="place" value="#{gmBean.point}" columns="2" >
+ <h:graphicImage onclick="showPlace('#{place.id}')" style="cursor:pointer" value="resource://#{place.pic}" />
+ </rich:dataGrid>
+
+ </rich:tab>
+
+
+ </rich:tabPanel>
+ </h:panelGroup>
+ </h:panelGrid>
+ <h:form>
+ <a4j:jsFunction name="showPlace" data="#{gmBean.currentPlace}" reRender=":zoom"
+ oncomplete="map.setCenter(new GLatLng(data.lat, data.lng),data.zoom)">
+ <a4j:actionparam name="id" assignTo="#{gmBean.currentId}"></a4j:actionparam>
+ </a4j:jsFunction>
+ </h:form>
+
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/examples/sliderUsage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/examples/sliderUsage.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSlider/examples/sliderUsage.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,20 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <p>
+ Here is an example of default inputNumberSlider:
+ <rich:inputNumberSlider value="50"/>
+ </p>
+ <p>
+ Here is "minimalistic" input:
+ <rich:inputNumberSlider value="50" showInput="false" enableManualInput="false" showBoundaryValues="false" showToolTip="false"/>
+ </p>
+ <p>
+ Another variation of input:
+ <rich:inputNumberSlider value="500" width="500" maxValue="1000" step="50" showToolTip="false" />
+ </p>
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/examples/spinnerUsage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/examples/spinnerUsage.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/inputNumberSpinner/examples/spinnerUsage.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,17 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <p>
+ Here is an example of default inputNumberSpinner:
+ <rich:inputNumberSpinner value="50"/>
+ </p>
+ <p>
+ Here is one more inputNumberSpinner:
+ <rich:inputNumberSpinner value="50" step="10"/>
+ </p>
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/hoverEcho.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/hoverEcho.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/examples/hoverEcho.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,29 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:separator lineType="solid" height="1" />
+ <table width="400">
+ <tbody>
+ <tr>
+ <td onmouseover="updateName('Alex')" onmouseout="updateName('')" > Alex</td>
+ <td onmouseover="updateName('Jonh')" onmouseout="updateName('')" > Jonh</td>
+ <td onmouseover="updateName('Roger')" onmouseout="updateName('')" > Roger</td>
+ </tr>
+ <tr>
+ <td colspan="3"><h:outputText id="showname" value="Name: #{userBean.name}" /></td>
+ </tr>
+ </tbody>
+ </table>
+
+ <a4j:form>
+ <a4j:jsFunction name="updateName" reRender="showname">
+ <a4j:actionparam name="param1" assignTo="#{userBean.name}" />
+ </a4j:jsFunction>
+ </a4j:form>
+
+ <rich:separator height="1" style="padding-top:10px" />
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/suggestionBox/examples/custom.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/suggestionBox/examples/custom.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/suggestionBox/examples/custom.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,98 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <h:form id="suggestionbox_form">
+
+ <h:outputText
+ value="Simple richfaces Suggestion Box test web application."
+ style="font: 18px;font-weight: bold;" />
+ <br />
+ <br />
+
+ <h:panelGrid columns="3" border="0" style="border: 1px solid black;">
+ <f:verbatim>Suggestion Box will suggest you town names if it's started with the "a" or
+ "A" letter</f:verbatim>
+
+ <f:facet name="header">
+ <f:verbatim>Input With Suggestion Feature</f:verbatim>
+ </f:facet>
+
+
+ <f:verbatim> </f:verbatim>
+
+ <h:inputText value="#{suggestionBox.property}" id="text" />
+ <rich:suggestionbox id="suggestionBoxId" for="text" tokens=",["
+ rules="#{suggestionBox.rules}"
+ suggestionAction="#{suggestionBox.autocomplete}" var="result"
+ fetchValue="#{result.text}" rows="#{suggestionBox.intRows}"
+ first="#{suggestionBox.intFirst}"
+ minChars="#{suggestionBox.minchars}"
+ shadowOpacity="#{suggestionBox.shadowOpacity}"
+ border="#{suggestionBox.border}" width="#{suggestionBox.width}"
+ height="#{suggestionBox.height}"
+ shadowDepth="#{suggestionBox.shadowDepth}"
+ cellpadding="#{suggestionBox.cellpadding}">
+ <h:column>
+ <h:outputText value="#{result.text}" />
+ </h:column>
+ </rich:suggestionbox>
+ </h:panelGrid>
+
+ <br />
+ <br />
+
+ <h:panelGrid columns="2" border="0" style="border: 1px solid black;">
+
+ <h:outputText value="Border" />
+
+ <rich:inputNumberSlider minValue="1" maxValue="5"
+ value="#{suggestionBox.border}">
+ <a4j:support event="onchange" reRender="suggestionBoxId" />
+ </rich:inputNumberSlider>
+
+ <h:outputText value="Width" />
+
+ <rich:inputNumberSlider minValue="150" maxValue="350" step="50"
+ value="#{suggestionBox.width}">
+ <a4j:support event="onchange" reRender="suggestionBoxId" />
+ </rich:inputNumberSlider>
+
+
+ <h:outputText value="Height" />
+
+ <rich:inputNumberSlider minValue="100" maxValue="300" step="50"
+ value="#{suggestionBox.height}">
+ <a4j:support event="onchange" reRender="suggestionBoxId" />
+ </rich:inputNumberSlider>
+
+ <h:outputText value="Shadow Depth" />
+
+ <rich:inputNumberSlider minValue="3" maxValue="6"
+ value="#{suggestionBox.shadowDepth}">
+ <a4j:support event="onchange" reRender="suggestionBoxId" />
+ </rich:inputNumberSlider>
+
+
+ <h:outputText value="Shadow Opacity" />
+
+ <rich:inputNumberSlider minValue="1" maxValue="9"
+ value="#{suggestionBox.shadowOpacity}">
+ <a4j:support event="onchange" reRender="suggestionBoxId" />
+ </rich:inputNumberSlider>
+
+ <h:outputText value="Cellpadding" />
+
+ <rich:inputNumberSlider minValue="1" maxValue="20"
+ value="#{suggestionBox.cellpadding}">
+ <a4j:support event="onchange" reRender="suggestionBoxId" />
+ </rich:inputNumberSlider>
+
+
+ </h:panelGrid>
+ </h:form>
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/iconBar.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/iconBar.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/iconBar.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,25 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <rich:toolBar height="26" itemSeparator="grid">
+ <rich:toolBarGroup>
+ <h:graphicImage value="/richfaces/toolBar/images/new.gif" />
+ <h:graphicImage value="/richfaces/toolBar/images/webapp_welcome.gif"/>
+ <h:graphicImage value="/richfaces/toolBar/images/palette_edit.gif"/>
+ </rich:toolBarGroup>
+ <rich:toolBarGroup>
+ <h:graphicImage value="/richfaces/toolBar/images/print_edit.gif"/>
+ <h:graphicImage value="/richfaces/toolBar/images/print.gif"/>
+ <h:graphicImage value="/richfaces/toolBar/images/print_preview.gif"/>
+ </rich:toolBarGroup>
+ <rich:toolBarGroup location="right">
+ <h:graphicImage value="/richfaces/toolBar/images/yellow_lamp.gif"/>
+ <h:graphicImage value="/richfaces/toolBar/images/timer_task.gif"/>
+ </rich:toolBarGroup>
+ </rich:toolBar>
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/menus.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/menus.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/menus.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,39 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+ <style>
+ .barsearch {
+ height:14px;
+ width:100px;
+ }
+ .barsearchbutton {
+ border-width:1px;
+ background-color:#{a4jSkin.generalBackgroundColor};
+ }
+ </style>
+ <h:form>
+ <rich:toolBar height="34" itemSeparator="line">
+ <rich:toolBarGroup>
+ <h:graphicImage id="edit" value="/richfaces/toolBar/images/print_edit.gif" />
+ <h:outputLabel value="Edit" for="edit" />
+ </rich:toolBarGroup>
+ <rich:toolBarGroup>
+ <h:graphicImage id="print" value="/richfaces/toolBar/images/print.gif" />
+ <h:outputLabel value="Print" for="edit" />
+ </rich:toolBarGroup>
+ <rich:toolBarGroup>
+ <h:graphicImage id="preview" value="/richfaces/toolBar/images/print_preview.gif" />
+ <h:outputLabel value="Preview" for="preview" />
+ </rich:toolBarGroup>
+ <rich:toolBarGroup location="right">
+ <h:inputText styleClass="barsearch" />
+ <h:commandButton styleClass="barsearchbutton" onclick="return false;" value="Search" />
+ </rich:toolBarGroup>
+ </rich:toolBar>
+ </h:form>
+
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/separators.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/separators.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolBar/examples/separators.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,78 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <h:form>
+ <h:panelGrid columns="2" width="100%">
+ <rich:panel>
+ <h:panelGrid columns="8">
+ <h:outputText value="Group Separator:" />
+ <a4j:commandLink value="Line" reRender="bar">
+ <a4j:actionparam name="gs" value="line" assignTo="#{tbBean.groupSeparator}" />
+ </a4j:commandLink>
+
+ <a4j:commandLink value="Grid" reRender="bar">
+ <a4j:actionparam name="gs" value="grid" assignTo="#{tbBean.groupSeparator}" />
+ </a4j:commandLink>
+
+ <a4j:commandLink value="Disc" reRender="bar">
+ <a4j:actionparam name="gs" value="disc" assignTo="#{tbBean.groupSeparator}" />
+ </a4j:commandLink>
+
+ <a4j:commandLink value="Square" reRender="bar">
+ <a4j:actionparam name="gs" value="square" assignTo="#{tbBean.groupSeparator}" />
+ </a4j:commandLink>
+
+ <a4j:commandLink value="None" reRender="bar">
+ <a4j:actionparam name="gs" value="none" assignTo="#{tbBean.groupSeparator}" />
+ </a4j:commandLink>
+ </h:panelGrid>
+ </rich:panel>
+ <rich:panel>
+ <h:panelGrid columns="8">
+ <h:outputText value="Group Item Separator:" />
+ <a4j:commandLink value="Line" reRender="bar">
+ <a4j:actionparam name="gs" value="line" assignTo="#{tbBean.groupItemSeparator}" />
+ </a4j:commandLink>
+
+ <a4j:commandLink value="Grid" reRender="bar">
+ <a4j:actionparam name="gs" value="grid" assignTo="#{tbBean.groupItemSeparator}" />
+ </a4j:commandLink>
+
+ <a4j:commandLink value="Disc" reRender="bar">
+ <a4j:actionparam name="gs" value="disc" assignTo="#{tbBean.groupItemSeparator}" />
+ </a4j:commandLink>
+
+ <a4j:commandLink value="Square" reRender="bar">
+ <a4j:actionparam name="gs" value="square" assignTo="#{tbBean.groupItemSeparator}" />
+ </a4j:commandLink>
+
+ <a4j:commandLink value="None" reRender="bar">
+ <a4j:actionparam name="gs" value="none" assignTo="#{tbBean.groupItemSeparator}" />
+ </a4j:commandLink>
+ </h:panelGrid>
+ </rich:panel>
+ </h:panelGrid>
+ </h:form>
+
+ <rich:toolBar id="bar" height="30" itemSeparator="#{tbBean.groupSeparator}">
+ <rich:toolBarGroup itemSeparator="#{tbBean.groupItemSeparator}">
+ <h:outputText value="Group1.1"></h:outputText>
+ <h:outputText value="Group1.2"></h:outputText>
+ <h:outputText value="Group1.3"></h:outputText>
+ </rich:toolBarGroup>
+ <rich:toolBarGroup itemSeparator="#{tbBean.groupItemSeparator}">
+ <h:outputText value="Group2.1"></h:outputText>
+ <h:outputText value="Group2.2"></h:outputText>
+ </rich:toolBarGroup>
+ <rich:toolBarGroup location="right" itemSeparator="#{tbBean.groupItemSeparator}">
+ <h:outputText value="Group3.1"></h:outputText>
+ <h:outputText value="Group3.2"></h:outputText>
+ </rich:toolBarGroup>
+ </rich:toolBar>
+
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/tooltipUsage.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/tooltipUsage.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/tooltipUsage.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,86 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <style>
+ .tooltip {
+ background-color:#{a4jSkin.generalBackgroundColor};
+ border-width:3px;
+ padding:10px;
+ }
+ .tooltip-text {
+ width:350px;
+ height:75px;
+ cursor:arrow;
+ border-width:2px;
+ text-align:center;
+ }
+ .tooltipData {
+ font-weight: bold;
+ }
+ </style>
+
+ <h:panelGrid columns="2">
+ <rich:panel id="sample1" styleClass="tooltip-text">
+ <rich:toolTip>
+ <span style="white-space:nowrap">
+ This tool-tip content was <strong>pre-rendered</strong> to the page.<br/>
+ The look of this tool-tip is 100% defined by skin.
+ </span>
+ </rich:toolTip>
+ <p>
+ Here you can see <b>default client-side</b> tool-tip
+ </p>
+ </rich:panel>
+ <rich:panel id="sample2" styleClass="tooltip-text">
+ <rich:toolTip followMouse="true" direction="top-right" delay="500" styleClass="tooltip" style="width:250px">
+ <span>
+ This tool-tip content also <strong>pre-rendered</strong> to the page.
+ However, the look of this tool-tip is customized by styleClass attribute.
+ </span>
+ </rich:toolTip>
+ <p>
+ This tool-tip will <b>follow mouse</b>. Also this tool-tip has a <b>delay 0.5 sec</b>, so be patient!
+ </p>
+ </rich:panel>
+ <h:form>
+ <rich:panel id="sample3" styleClass="tooltip-text">
+ <rich:toolTip direction="top-right" mode="ajax" styleClass="tooltip" layout="block">
+ <f:facet name="defaultContent">
+ <strong>Wait...</strong>
+ </f:facet>
+ <span >This tool-tip content was <strong>rendered on server</strong> </span>
+ <h:panelGrid columns="2">
+ <h:outputText value="tooltips requested:" />
+ <h:outputText value="#{toolTipData.tooltipCounter}" styleClass="tooltipData" />
+ </h:panelGrid>
+ </rich:toolTip>
+ <p>
+ This tool-tip rendered on server <b>in separate request</b>.
+ </p>
+ </rich:panel>
+ </h:form>
+ <h:form>
+ <rich:panel id="sample4" styleClass="tooltip-text">
+ <rich:toolTip event="onclick" direction="bottom-left" mode="ajax" styleClass="tooltip" layout="block">
+ <f:facet name="defaultContent">
+ <strong>Wait...</strong>
+ </f:facet>
+ <span >This tool-tip content was <strong>rendered on server</strong> </span>
+ <h:panelGrid columns="2">
+ <h:outputText value="tooltips requested:" />
+ <h:outputText value="#{toolTipData.tooltipCounter}" styleClass="tooltipData" />
+ </h:panelGrid>
+ </rich:toolTip>
+ <p>
+ This tool-tip will be <b>activated on mouse click</b>. It also has a <b>bottom-left</b> position.
+ </p>
+ </rich:panel>
+ </h:form>
+</h:panelGrid>
+
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/withTable.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/withTable.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/examples/withTable.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,91 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.org/rich">
+
+ <style>
+ .tooltip {
+ background-color:#{a4jSkin.generalBackgroundColor};
+ border-width:3px;
+ padding:10px;
+ }
+ .tooltipData {
+ font-weight: bold;
+ }
+ </style>
+
+ <h:form>
+ <h:outputText value="This tooltip rendered on server in separate request" id="tt3">
+ <rich:toolTip direction="top-right" mode="ajax" verticalOffset="5" zorder="200" styleClass="tooltip" layout="block">
+ <f:facet name="defaultContent">
+ <strong>Wait...</strong>
+ </f:facet>
+ <span>This tooltip content was <strong>rendered</strong> on server </span>
+ <h:panelGrid columns="2">
+ <h:outputText value="tooltips requested:" />
+ <h:outputText value="#{toolTipData.tooltipCounter}" styleClass="tooltipData" />
+ <h:outputText value="last request:" />
+ <h:outputText value="#{toolTipData.tooltipDate}" styleClass="tooltipData" >
+ <f:convertDateTime pattern="mm:ss.SSS"/>
+ </h:outputText>
+ </h:panelGrid>
+ </rich:toolTip>
+ </h:outputText>
+ <rich:dataTable value="#{toolTipData.vehicles}" width="400" var="vehicle" rowKeyVar="row">
+ <rich:column>
+ <f:facet name="header">
+ <h:outputText value="##"/>
+ </f:facet>
+ <h:outputText value="#{row+1}" />
+ </rich:column>
+ <rich:column>
+ <f:facet name="header">
+ <h:outputText value="Make"/>
+ </f:facet>
+ <h:outputText id="make" value="#{vehicle.make}" >
+ <rich:toolTip direction="top-right" mode="ajax" delay="50000" styleClass="tooltip" immediate="true" layout="block">
+ <a4j:actionparam name="key" value="#{row}" assignTo="#{toolTipData.currentVehicleIndex}" />
+ <f:facet name="defaultContent">
+ <strong>Wait please, content is loading...</strong>
+ </f:facet>
+ <span>Vehicle details:</span>
+ <h:panelGrid columns="2">
+ <h:outputText value="make:" />
+ <h:outputText value="#{vehicle.make}" styleClass="tooltipData" />
+ <h:outputText value="model:" />
+ <h:outputText value="#{vehicle.model}" styleClass="tooltipData" />
+ <h:outputText value="year:" />
+ <h:outputText value="#{vehicle.year}" styleClass="tooltipData" />
+ <h:outputText value="milage:" />
+ <h:outputText value="#{vehicle.milage}" styleClass="tooltipData" />
+ <h:outputText value="zip:" />
+ <h:outputText value="#{vehicle.zip}" styleClass="tooltipData" />
+ <h:outputText value="vin:" />
+ <h:outputText value="#{vehicle.vin}" styleClass="tooltipData" />
+ <h:outputText value="listed:" />
+ <h:outputText value="#{vehicle.listed}" styleClass="tooltipData" >
+ <f:convertDateTime dateStyle="short"/>
+ </h:outputText>
+ </h:panelGrid>
+ </rich:toolTip>
+ </h:outputText>
+ </rich:column>
+ <rich:column>
+ <f:facet name="header">
+ <h:outputText value="Model"/>
+ </f:facet>
+ <h:outputText value="#{vehicle.model}" />
+ </rich:column>
+ <rich:column>
+ <f:facet name="header">
+ <h:outputText value="Year"/>
+ </f:facet>
+ <h:outputText value="#{vehicle.year}" />
+ </rich:column>
+ </rich:dataTable>
+ </h:form>
+
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/ajaxTree.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/ajaxTree.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/ajaxTree.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,26 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.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>
+ <h:form>
+ <rich:tree style="width:300px" value="#{library.data}" var="item" nodeFace="#{item.type}">
+ <rich:treeNode type="library">
+ <h:outputText value="#{item.type}" />
+ </rich:treeNode>
+ <rich:treeNode type="artist">
+ <h:outputText value="#{item.name}" />
+ </rich:treeNode>
+ <rich:treeNode type="album">
+ <h:outputText value="#{item.title}" />
+ </rich:treeNode>
+ <rich:treeNode type="song">
+ <h:outputText value="#{item.title}" />
+ </rich:treeNode>
+ </rich:tree>
+ </h:form>
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/clientTree.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/clientTree.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/clientTree.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,26 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.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>
+ <rich:tree switchType="client" style="width:300px" value="#{library.data}" var="item" nodeFace="#{item.type}">
+ <rich:treeNode type="library">
+ <h:outputText value="#{item.type}" />
+ </rich:treeNode>
+ <rich:treeNode type="artist">
+ <h:outputText value="#{item.name}" />
+ </rich:treeNode>
+ <rich:treeNode type="album">
+ <h:outputText value="#{item.title}" />
+ </rich:treeNode>
+ <rich:treeNode type="song">
+ <h:outputText value="#{item.title}" />
+ </rich:treeNode>
+ </rich:tree>
+
+
+
+</ui:composition>
\ No newline at end of file
Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/serverTree.xhtml
===================================================================
--- trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/serverTree.xhtml (rev 0)
+++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/tree/examples/serverTree.xhtml 2007-08-13 23:48:41 UTC (rev 2235)
@@ -0,0 +1,25 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:ui="http://java.sun.com/jsf/facelets"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:a4j="http://richfaces.org/a4j"
+ xmlns:rich="http://richfaces.ajax4jsf.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>
+ <h:form>
+ <rich:tree switchType="server" style="width:300px" value="#{library.data}" var="item" nodeFace="#{item.type}">
+ <rich:treeNode type="library">
+ <h:outputText value="#{item.type}" />
+ </rich:treeNode>
+ <rich:treeNode type="artist">
+ <h:outputText value="#{item.name}" />
+ </rich:treeNode>
+ <rich:treeNode type="album">
+ <h:outputText value="#{item.title}" />
+ </rich:treeNode>
+ <rich:treeNode type="song">
+ <h:outputText value="#{item.title}" />
+ </rich:treeNode>
+ </rich:tree>
+ </h:form>
+</ui:composition>
\ No newline at end of file
More information about the richfaces-svn-commits
mailing list