[richfaces-svn-commits] JBoss Rich Faces SVN: r1768 - in trunk/samples/richfaces-demo/src/main: webapp/richfaces and 2 other directories.

Author: ishabalov Date: 2007-07-20 21:37:31 -0400 (Fri, 20 Jul 2007) New Revision: 1768 Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/source/ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/source/usage.html trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/source/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/usage.xhtml Modified: trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties Log: Added tooltip component demo Modified: trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties =================================================================== --- trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties 2007-07-21 01:15:48 UTC (rev 1767) +++ trunk/samples/richfaces-demo/src/main/resources/org/richfaces/demo/common/components.properties 2007-07-21 01:37:31 UTC (rev 1768) @@ -17,6 +17,7 @@ gmap= richOutputs, Google Map, /images/ico_GoogleMap.gif, /images/cn_GoogleMap.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/gmap.jsf paint2d= richOutputs, Paint2D, /images/ico_Paint2D.gif, /images/cn_Paint2D.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/paint2D.jsf toolBar= richOutputs, Tool Bar, /images/ico_ToolBar.gif, /images/cn_ToolBar.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/toolBar.jsf +toolTip= richOutputs, ToolTip, /images/ico_panel.gif, /images/cn_panel.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/toolTip.jsf simpleTogglePanel= richOutputs, Simple Toggle Panel, /images/ico_SimpleTogglePanel.gif, /images/cn_SimpleTogglePanel.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/simpleTogglePanel.jsf dragIndicator= richDragDrop, Drag Indicator, /images/ico_DragIndicator.gif, /images/cn_DragIndicator.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/dragSupport.jsf dragSupport= richDragDrop, Drag Support, /images/ico_DragSupport.gif, /images/cn_DragSupport.gif, http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., http://labs.jboss.com/file-access/default/members/jbossrichfaces/freezone..., /richfaces/dragSupport.jsf Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/source/usage.html =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/source/usage.html (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/source/usage.html 2007-07-21 01:37:31 UTC (rev 1768) @@ -0,0 +1,139 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" + "http://www.w3.org/TR/REC-html40/strict.dtd"> +<html> +<head> +<meta http-equiv="Content-Type" +content="text/html; charset=iso-8859-1"> +<meta name="GENERATOR" content="GNU source-highlight 2.1.2 +by Lorenzo Bettini +http://www.lorenzobettini.it +http://www.gnu.org/software/src-highlite"> +<title>usage.xhtml</title> +<link rel="stylesheet" href="../../../css/xhtml-source.css" type="text/css"> +</head> +<body> +<pre><tt><span class="keyword">&lt;div</span><span class="normal"> </span><span class="type">class</span><span class="symbol">=</span><span class="string">"</span><span class="string">sample-container</span><span class="string">"</span><span class="normal"> </span><span class="keyword">&gt;</span> + +<span class="normal"> </span><span class="keyword">&lt;rich:toolBar</span><span class="normal"> </span><span class="type">height</span><span class="symbol">=</span><span class="string">"</span><span class="string">26</span><span class="string">"</span><span class="normal"> </span><span class="type">itemSeparator</span><span class="symbol">=</span><span class="string">"</span><span class="string">grid</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;rich:toolBarGroup&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:graphicImage</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">/richfaces/toolBar/images/new.gif</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:graphicImage&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:graphicImage</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">/richfaces/toolBar/images/webapp_welcome.gif</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:graphicImage&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:graphicImage</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">/richfaces/toolBar/images/palette_edit.gif</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:graphicImage&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/rich:toolBarGroup&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;rich:toolBarGroup&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:graphicImage</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">/richfaces/toolBar/images/print_edit.gif</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:graphicImage&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:graphicImage</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">/richfaces/toolBar/images/print.gif</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:graphicImage&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:graphicImage</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">/richfaces/toolBar/images/print_preview.gif</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:graphicImage&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/rich:toolBarGroup&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;rich:toolBarGroup</span><span class="normal"> </span><span class="type">location</span><span class="symbol">=</span><span class="string">"</span><span class="string">right</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:graphicImage</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">/richfaces/toolBar/images/yellow_lamp.gif</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:graphicImage&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:graphicImage</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">/richfaces/toolBar/images/timer_task.gif</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:graphicImage&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/rich:toolBarGroup&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/rich:toolBar&gt;</span> + +<span class="keyword">&lt;/div&gt;</span> + +<span class="keyword">&lt;div</span><span class="normal"> </span><span class="type">class</span><span class="symbol">=</span><span class="string">"</span><span class="string">sample-container</span><span class="string">"</span><span class="normal"> </span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:form&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;rich:toolBar</span><span class="normal"> </span><span class="type">height</span><span class="symbol">=</span><span class="string">"</span><span class="string">34</span><span class="string">"</span><span class="normal"> </span><span class="type">itemSeparator</span><span class="symbol">=</span><span class="string">"</span><span class="string">line</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;rich:toolBarGroup&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:graphicImage</span><span class="normal"> </span><span class="type">id</span><span class="symbol">=</span><span class="string">"</span><span class="string">edit</span><span class="string">"</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">/richfaces/toolBar/images/print_edit.gif</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:graphicImage&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:outputLabel</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Edit</span><span class="string">"</span><span class="normal"> </span><span class="type">for</span><span class="symbol">=</span><span class="string">"</span><span class="string">edit</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:outputLabel&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/rich:toolBarGroup&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;rich:toolBarGroup&gt;</span><span class="normal"> </span> +<span class="normal"> </span><span class="keyword">&lt;h:graphicImage</span><span class="normal"> </span><span class="type">id</span><span class="symbol">=</span><span class="string">"</span><span class="string">print</span><span class="string">"</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">/richfaces/toolBar/images/print.gif</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:graphicImage&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:outputLabel</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Print</span><span class="string">"</span><span class="normal"> </span><span class="type">for</span><span class="symbol">=</span><span class="string">"</span><span class="string">edit</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:outputLabel&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/rich:toolBarGroup&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;rich:toolBarGroup&gt;</span><span class="normal"> </span> +<span class="normal"> </span><span class="keyword">&lt;h:graphicImage</span><span class="normal"> </span><span class="type">id</span><span class="symbol">=</span><span class="string">"</span><span class="string">preview</span><span class="string">"</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">/richfaces/toolBar/images/print_preview.gif</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:graphicImage&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:outputLabel</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Preview</span><span class="string">"</span><span class="normal"> </span><span class="type">for</span><span class="symbol">=</span><span class="string">"</span><span class="string">preview</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:outputLabel&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/rich:toolBarGroup&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;rich:toolBarGroup</span><span class="normal"> </span><span class="type">location</span><span class="symbol">=</span><span class="string">"</span><span class="string">right</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:inputText</span><span class="normal"> </span><span class="type">styleClass</span><span class="symbol">=</span><span class="string">"</span><span class="string">barsearch</span><span class="string">"</span><span class="normal"> </span><span class="keyword">/&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:commandButton</span><span class="normal"> </span><span class="type">styleClass</span><span class="symbol">=</span><span class="string">"</span><span class="string">barsearchbutton</span><span class="string">"</span><span class="normal"> </span><span class="type">onclick</span><span class="symbol">=</span><span class="string">"</span><span class="string">return false;</span><span class="string">"</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Search</span><span class="string">"</span><span class="normal"> </span><span class="keyword">/&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/rich:toolBarGroup&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/rich:toolBar&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/h:form&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/div&gt;</span> + + +<span class="keyword">&lt;p&gt;</span> +<span class="normal"> The items on the toolBar can be grouped with ability to define the separator</span> +<span class="normal"> between the different group and between the member of the same group. The </span> +<span class="normal"> "location" attribute set to "right" put the group to the right side of the panel.</span> +<span class="normal"> </span> +<span class="keyword">&lt;/p&gt;</span> +<span class="keyword">&lt;div</span><span class="normal"> </span><span class="type">class</span><span class="symbol">=</span><span class="string">"</span><span class="string">sample-container</span><span class="string">"</span><span class="normal"> </span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:form&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:panelGrid</span><span class="normal"> </span><span class="type">columns</span><span class="symbol">=</span><span class="string">"</span><span class="string">2</span><span class="string">"</span><span class="normal"> </span><span class="type">width</span><span class="symbol">=</span><span class="string">"</span><span class="string">100%</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;rich:panel&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:panelGrid</span><span class="normal"> </span><span class="type">columns</span><span class="symbol">=</span><span class="string">"</span><span class="string">8</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:outputText</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Group Separator:</span><span class="string">"</span><span class="normal"> </span><span class="keyword">/&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;a4j:commandLink</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Line</span><span class="string">"</span><span class="normal"> </span><span class="type">reRender</span><span class="symbol">=</span><span class="string">"</span><span class="string">bar</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;a4j:actionparam</span><span class="normal"> </span><span class="type">name</span><span class="symbol">=</span><span class="string">"</span><span class="string">gs</span><span class="string">"</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">line</span><span class="string">"</span><span class="normal"> </span><span class="type">assignTo</span><span class="symbol">=</span><span class="string">"</span><span class="string">#{tbBean.groupSeparator}</span><span class="string">"</span><span class="normal"> </span><span class="keyword">/&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/a4j:commandLink&gt;</span> +<span class="normal"> </span> +<span class="normal"> </span><span class="keyword">&lt;a4j:commandLink</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Grid</span><span class="string">"</span><span class="normal"> </span><span class="type">reRender</span><span class="symbol">=</span><span class="string">"</span><span class="string">bar</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;a4j:actionparam</span><span class="normal"> </span><span class="type">name</span><span class="symbol">=</span><span class="string">"</span><span class="string">gs</span><span class="string">"</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">grid</span><span class="string">"</span><span class="normal"> </span><span class="type">assignTo</span><span class="symbol">=</span><span class="string">"</span><span class="string">#{tbBean.groupSeparator}</span><span class="string">"</span><span class="normal"> </span><span class="keyword">/&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/a4j:commandLink&gt;</span> +<span class="normal"> </span> +<span class="normal"> </span><span class="keyword">&lt;a4j:commandLink</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Disc</span><span class="string">"</span><span class="normal"> </span><span class="type">reRender</span><span class="symbol">=</span><span class="string">"</span><span class="string">bar</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;a4j:actionparam</span><span class="normal"> </span><span class="type">name</span><span class="symbol">=</span><span class="string">"</span><span class="string">gs</span><span class="string">"</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">disc</span><span class="string">"</span><span class="normal"> </span><span class="type">assignTo</span><span class="symbol">=</span><span class="string">"</span><span class="string">#{tbBean.groupSeparator}</span><span class="string">"</span><span class="normal"> </span><span class="keyword">/&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/a4j:commandLink&gt;</span> +<span class="normal"> </span> +<span class="normal"> </span><span class="keyword">&lt;a4j:commandLink</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Square</span><span class="string">"</span><span class="normal"> </span><span class="type">reRender</span><span class="symbol">=</span><span class="string">"</span><span class="string">bar</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;a4j:actionparam</span><span class="normal"> </span><span class="type">name</span><span class="symbol">=</span><span class="string">"</span><span class="string">gs</span><span class="string">"</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">square</span><span class="string">"</span><span class="normal"> </span><span class="type">assignTo</span><span class="symbol">=</span><span class="string">"</span><span class="string">#{tbBean.groupSeparator}</span><span class="string">"</span><span class="normal"> </span><span class="keyword">/&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/a4j:commandLink&gt;</span> +<span class="normal"> </span> +<span class="normal"> </span><span class="keyword">&lt;a4j:commandLink</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">None</span><span class="string">"</span><span class="normal"> </span><span class="type">reRender</span><span class="symbol">=</span><span class="string">"</span><span class="string">bar</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;a4j:actionparam</span><span class="normal"> </span><span class="type">name</span><span class="symbol">=</span><span class="string">"</span><span class="string">gs</span><span class="string">"</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">none</span><span class="string">"</span><span class="normal"> </span><span class="type">assignTo</span><span class="symbol">=</span><span class="string">"</span><span class="string">#{tbBean.groupSeparator}</span><span class="string">"</span><span class="normal"> </span><span class="keyword">/&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/a4j:commandLink&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/h:panelGrid&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/rich:panel&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;rich:panel&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:panelGrid</span><span class="normal"> </span><span class="type">columns</span><span class="symbol">=</span><span class="string">"</span><span class="string">8</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:outputText</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Group Item Separator:</span><span class="string">"</span><span class="normal"> </span><span class="keyword">/&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;a4j:commandLink</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Line</span><span class="string">"</span><span class="normal"> </span><span class="type">reRender</span><span class="symbol">=</span><span class="string">"</span><span class="string">bar</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;a4j:actionparam</span><span class="normal"> </span><span class="type">name</span><span class="symbol">=</span><span class="string">"</span><span class="string">gs</span><span class="string">"</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">line</span><span class="string">"</span><span class="normal"> </span><span class="type">assignTo</span><span class="symbol">=</span><span class="string">"</span><span class="string">#{tbBean.groupItemSeparator}</span><span class="string">"</span><span class="normal"> </span><span class="keyword">/&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/a4j:commandLink&gt;</span> +<span class="normal"> </span> +<span class="normal"> </span><span class="keyword">&lt;a4j:commandLink</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Grid</span><span class="string">"</span><span class="normal"> </span><span class="type">reRender</span><span class="symbol">=</span><span class="string">"</span><span class="string">bar</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;a4j:actionparam</span><span class="normal"> </span><span class="type">name</span><span class="symbol">=</span><span class="string">"</span><span class="string">gs</span><span class="string">"</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">grid</span><span class="string">"</span><span class="normal"> </span><span class="type">assignTo</span><span class="symbol">=</span><span class="string">"</span><span class="string">#{tbBean.groupItemSeparator}</span><span class="string">"</span><span class="normal"> </span><span class="keyword">/&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/a4j:commandLink&gt;</span> + +<span class="normal"> </span><span class="keyword">&lt;a4j:commandLink</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Disc</span><span class="string">"</span><span class="normal"> </span><span class="type">reRender</span><span class="symbol">=</span><span class="string">"</span><span class="string">bar</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;a4j:actionparam</span><span class="normal"> </span><span class="type">name</span><span class="symbol">=</span><span class="string">"</span><span class="string">gs</span><span class="string">"</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">disc</span><span class="string">"</span><span class="normal"> </span><span class="type">assignTo</span><span class="symbol">=</span><span class="string">"</span><span class="string">#{tbBean.groupItemSeparator}</span><span class="string">"</span><span class="normal"> </span><span class="keyword">/&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/a4j:commandLink&gt;</span> +<span class="normal"> </span> +<span class="normal"> </span><span class="keyword">&lt;a4j:commandLink</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Square</span><span class="string">"</span><span class="normal"> </span><span class="type">reRender</span><span class="symbol">=</span><span class="string">"</span><span class="string">bar</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;a4j:actionparam</span><span class="normal"> </span><span class="type">name</span><span class="symbol">=</span><span class="string">"</span><span class="string">gs</span><span class="string">"</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">square</span><span class="string">"</span><span class="normal"> </span><span class="type">assignTo</span><span class="symbol">=</span><span class="string">"</span><span class="string">#{tbBean.groupItemSeparator}</span><span class="string">"</span><span class="normal"> </span><span class="keyword">/&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/a4j:commandLink&gt;</span> +<span class="normal"> </span> +<span class="normal"> </span><span class="keyword">&lt;a4j:commandLink</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">None</span><span class="string">"</span><span class="normal"> </span><span class="type">reRender</span><span class="symbol">=</span><span class="string">"</span><span class="string">bar</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;a4j:actionparam</span><span class="normal"> </span><span class="type">name</span><span class="symbol">=</span><span class="string">"</span><span class="string">gs</span><span class="string">"</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">none</span><span class="string">"</span><span class="normal"> </span><span class="type">assignTo</span><span class="symbol">=</span><span class="string">"</span><span class="string">#{tbBean.groupItemSeparator}</span><span class="string">"</span><span class="normal"> </span><span class="keyword">/&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/a4j:commandLink&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/h:panelGrid&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/rich:panel&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/h:panelGrid&gt;</span><span class="normal"> </span> +<span class="normal"> </span><span class="keyword">&lt;/h:form&gt;</span><span class="normal"> </span> + +<span class="normal"> </span><span class="keyword">&lt;rich:toolBar</span><span class="normal"> </span><span class="type">id</span><span class="symbol">=</span><span class="string">"</span><span class="string">bar</span><span class="string">"</span><span class="normal"> </span><span class="type">height</span><span class="symbol">=</span><span class="string">"</span><span class="string">30</span><span class="string">"</span><span class="normal"> </span><span class="type">itemSeparator</span><span class="symbol">=</span><span class="string">"</span><span class="string">#{tbBean.groupSeparator}</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;rich:toolBarGroup</span><span class="normal"> </span><span class="type">itemSeparator</span><span class="symbol">=</span><span class="string">"</span><span class="string">#{tbBean.groupItemSeparator}</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:outputText</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Group1.1</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:outputText&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:outputText</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Group1.2</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:outputText&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:outputText</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Group1.3</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:outputText&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/rich:toolBarGroup&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;rich:toolBarGroup</span><span class="normal"> </span><span class="type">itemSeparator</span><span class="symbol">=</span><span class="string">"</span><span class="string">#{tbBean.groupItemSeparator}</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:outputText</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Group2.1</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:outputText&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:outputText</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Group2.2</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:outputText&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/rich:toolBarGroup&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;rich:toolBarGroup</span><span class="normal"> </span><span class="type">location</span><span class="symbol">=</span><span class="string">"</span><span class="string">right</span><span class="string">"</span><span class="normal"> </span><span class="type">itemSeparator</span><span class="symbol">=</span><span class="string">"</span><span class="string">#{tbBean.groupItemSeparator}</span><span class="string">"</span><span class="keyword">&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:outputText</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Group3.1</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:outputText&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;h:outputText</span><span class="normal"> </span><span class="type">value</span><span class="symbol">=</span><span class="string">"</span><span class="string">Group3.2</span><span class="string">"</span><span class="keyword">&gt;</span><span class="keyword">&lt;/h:outputText&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/rich:toolBarGroup&gt;</span> +<span class="normal"> </span><span class="keyword">&lt;/rich:toolBar&gt;</span> +<span class="normal"> </span> +<span class="keyword">&lt;/div&gt;</span> +</tt></pre> +</body> +</html> Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/source/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/source/usage.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/source/usage.xhtml 2007-07-21 01:37:31 UTC (rev 1768) @@ -0,0 +1,122 @@ +<div class="sample-container" > + + <rich:toolBar height="26" itemSeparator="grid"> + <rich:toolBarGroup> + <h:graphicImage value="/richfaces/toolBar/images/new.gif"></h:graphicImage> + <h:graphicImage value="/richfaces/toolBar/images/webapp_welcome.gif"></h:graphicImage> + <h:graphicImage value="/richfaces/toolBar/images/palette_edit.gif"></h:graphicImage> + </rich:toolBarGroup> + <rich:toolBarGroup> + <h:graphicImage value="/richfaces/toolBar/images/print_edit.gif"></h:graphicImage> + <h:graphicImage value="/richfaces/toolBar/images/print.gif"></h:graphicImage> + <h:graphicImage value="/richfaces/toolBar/images/print_preview.gif"></h:graphicImage> + </rich:toolBarGroup> + <rich:toolBarGroup location="right"> + <h:graphicImage value="/richfaces/toolBar/images/yellow_lamp.gif"></h:graphicImage> + <h:graphicImage value="/richfaces/toolBar/images/timer_task.gif"></h:graphicImage> + </rich:toolBarGroup> + </rich:toolBar> + +</div> + +<div class="sample-container" > + <h:form> + <rich:toolBar height="34" itemSeparator="line"> + <rich:toolBarGroup> + <h:graphicImage id="edit" value="/richfaces/toolBar/images/print_edit.gif"></h:graphicImage> + <h:outputLabel value="Edit" for="edit"></h:outputLabel> + </rich:toolBarGroup> + <rich:toolBarGroup> + <h:graphicImage id="print" value="/richfaces/toolBar/images/print.gif"></h:graphicImage> + <h:outputLabel value="Print" for="edit"></h:outputLabel> + </rich:toolBarGroup> + <rich:toolBarGroup> + <h:graphicImage id="preview" value="/richfaces/toolBar/images/print_preview.gif"></h:graphicImage> + <h:outputLabel value="Preview" for="preview"></h:outputLabel> + </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> + </div> + + +<p> + The items on the toolBar can be grouped with ability to define the separator + between the different group and between the member of the same group. The + "location" attribute set to "right" put the group to the right side of the panel. + +</p> +<div class="sample-container" > + <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> + +</div> Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/usage.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip/usage.xhtml 2007-07-21 01:37:31 UTC (rev 1768) @@ -0,0 +1,67 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html 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/ajax" + xmlns:rich="http://richfaces.ajax4jsf.org/rich"> + <ui:composition template="/templates/component-sample.xhtml"> + <ui:define name="sample"> + <style> + .barsearch { + height:14px; + width:100px; + } + .barsearchbutton { + border-width:1px; + background-color:#{a4jSkin.generalBackgroundColor}; + } + .tooltip { + background-color:#{a4jSkin.generalBackgroundColor}; + border-width:3px; + padding:10px; + } + </style> + <p> + ToolTip is a little non-modal popup that may be used to display additional infrmation, that normally hidden. + Rich ToolTip can request it's content from server in separate Ajax request, or it can use pre-rendered content from page. + </p> + <h:form> + <div class="sample-container" > + <h:outputText id="tt1" value="Here you can see default client-side tooltip" > + <rich:toolTip> + <p> + This tooltip content was <strong>pre-rendered</strong> to the page. + </p> + </rich:toolTip> + </h:outputText> + </div> + <div class="sample-container" > + <h:outputText id="tt2" value="This tooltip will follow mouse" > + <rich:toolTip id="tt11" followMouse="true" direction="bottom-left" delay="10000" onshow="alert('onshow');" onactivate="alert('onactivate');" ondeactivate="alert('deactivate');" styleClass="tooltip" style="width:200px" disabled="false" horizontalOffset="50" verticalOffset="50"> + <span> + This tooltip content was <strong>pre-rendered</strong> to the page. + </span> + </rich:toolTip> + </h:outputText> + </div> + <div class="sample-container"> + <h:outputText value="Tooltip with followMouse mode" id="tt3"> + <rich:toolTip id="tt4" followMouse="true" direction="top-left" mode="ajax" horizontalOffset="20" verticalOffset="20"> + <f:facet name="defaultContent"> + <h:outputText value="Some text will be here soon" /> + </f:facet> + <h:outputText value="Final content" /> + </rich:toolTip> + </h:outputText> + </div> + </h:form> + </ui:define> + <ui:define name="sources"> + <p> + Here is fragment of page sources for given example: + </p> + <iframe src="${facesContext.externalContext.requestContextPath}/richfaces/toolBar/source/usage.html" class="source_frame"/> + </ui:define> + </ui:composition> +</html> Added: trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip.xhtml (rev 0) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/toolTip.xhtml 2007-07-21 01:37:31 UTC (rev 1768) @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html 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:rich="http://richfaces.ajax4jsf.org/rich"> + +<ui:composition template="/templates/main.xhtml"> + <ui:define name="title">RichFaces - Open Source Rich JSF Components - PanelBar</ui:define> + <ui:define name="current">panel</ui:define> + <ui:define name="body"> + <rich:tabPanel switchType="server" styleClass="top_tab" contentClass="content_tab" inactiveTabClass="inactive_tab" activeTabClass="active_tab"> + <rich:tab label="Usage"> + <ui:include src="/richfaces/toolTip/usage.xhtml"/> + </rich:tab> + </rich:tabPanel> + </ui:define> +</ui:composition> +</html>