Author: ilya_shaikovsky Date: 2010-11-02 11:48:32 -0400 (Tue, 02 Nov 2010) New Revision: 19896 Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tooltip/samples/tooltip-sample.xhtml Log: https://jira.jboss.org/browse/RF-9583 Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tooltip/samples/tooltip-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tooltip/samples/tooltip-sample.xhtml 2010-11-02 15:46:12 UTC (rev 19895) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tooltip/samples/tooltip-sample.xhtml 2010-11-02 15:48:32 UTC (rev 19896) @@ -7,13 +7,25 @@ xmlns:rich="http://richfaces.org/rich"> <style> .tooltip { - background-color: #{richSkin.generalBackgroundColor}; - border-width:3px; - padding:10px; + background-color: #{ richSkin.generalBackgroundColor } -.tooltip-custom-body{ - background-color:orange; + +; +border-width +: +3px; + + +padding +: +10px; + + } +.tooltip-custom-body { + background-color: orange; +} + .tooltip-text { width: 350px; height: 80px; @@ -30,7 +42,7 @@ </style> <h:panelGrid columns="2"> - <rich:panel id="sample1" styleClass="tooltip-text" + <rich:panel id="sample1" styleClass="tooltip-text" bodyClass="rich-laguna-panel-no-header"> <p>Here you can see <b>default client-side</b> tool-tip</p> <rich:tooltip id="tt1"> @@ -41,23 +53,21 @@ </rich:panel> <rich:panel id="sample2" styleClass="tooltip-text" bodyClass="rich-laguna-panel-no-header"> - <p>This tool-tip will not <b>follow mouse</b>. Also this tool-tip has - a <b>delay 1.5 sec</b>, so be patient!</p> - <rich:tooltip followMouse="false" - showDelay="1500" bodyClass="tooltip-custom-body" styleClass="qqq"> + <p>This tool-tip will not <b>follow mouse</b>. Also this tool-tip + has a <b>delay 1.5 sec</b>, so be patient!</p> + <rich:tooltip followMouse="false" showDelay="1500" + bodyClass="tooltip-custom-body" styleClass="qqq"> <span style="white-space: nowrap"> This tool-tip content also <strong>pre-rendered</strong> to the page.<br /> - However, the look of this tool-tip is customized<br /> - by styleClass attribute. </span> + </span> </rich:tooltip> </rich:panel> - <h:form> + <h:form> <rich:panel id="sample3" styleClass="tooltip-text" bodyClass="rich-laguna-panel-no-header"> <p>This tool-tip rendered on server <b>in separate request</b>. </p> - <rich:tooltip mode="ajax" styleClass="tooltip" - layout="block"> + <rich:tooltip mode="ajax" styleClass="tooltip" layout="block"> <f:facet name="defaultContent"> <strong>Wait...</strong> </f:facet> @@ -75,10 +85,9 @@ <h:form> <rich:panel id="sample4" styleClass="tooltip-text" bodyClass="rich-laguna-panel-no-header"> - <p>This tool-tip will be <b>activated on mouse click</b>. It - also has a <b>bottom-left</b> position.</p> - <rich:tooltip showEvent="click" - mode="ajax" styleClass="tooltip" layout="block"> + <p>This tool-tip will be <b>activated on mouse click</b>.</p> + <rich:tooltip showEvent="click" mode="ajax" styleClass="tooltip" + layout="block"> <f:facet name="defaultContent"> <strong>Wait...</strong> </f:facet>