Author: SergeySmirnov Date: 2007-10-17 18:15:33 -0400 (Wed, 17 Oct 2007) New Revision: 3434 Added: branches/3.1.x/samples/richfaces-demo/src/main/webapp/images/cn_jQuery.gif Modified: branches/3.1.x/samples/richfaces-demo/src/main/webapp/css/common.css branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/usage.xhtml branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/usage.xhtml branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/fishEye.xhtml branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/zebra.xhtml branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/support/usage.xhtml branches/3.1.x/samples/richfaces-demo/src/main/webapp/templates/include/components-group.xhtml branches/3.1.x/samples/richfaces-demo/src/main/webapp/templates/include/references.xhtml branches/3.1.x/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml branches/3.1.x/samples/richfaces-demo/src/main/webapp/templates/main.xhtml branches/3.1.x/samples/richfaces-demo/src/main/webapp/welcome.xhtml Log: demo look-n-feel++ Modified: branches/3.1.x/samples/richfaces-demo/src/main/webapp/css/common.css =================================================================== --- branches/3.1.x/samples/richfaces-demo/src/main/webapp/css/common.css 2007-10-17 22:06:01 UTC (rev 3433) +++ branches/3.1.x/samples/richfaces-demo/src/main/webapp/css/common.css 2007-10-17 22:15:33 UTC (rev 3434) @@ -3,19 +3,28 @@ padding:0; } +* { + font-family: Verdana,Arial; +} + p { margin-top: 15px; margin-bottom: 5px; font-size: 12px; - font-family: Verdana; + font-family: Verdana,Arial; } + .footer-text { + font-size: 10px; + } + body{ margin : 0px; background-position : top left; background-repeat : no-repeat; background-color : White; padding-top:428px; + font-family: Verdana; } .page_brick{ @@ -145,6 +154,11 @@ background-color : transparent; padding : 0px 1px 0px 0px; } + html>body .panel_menu { + padding : 0; + } + + .panel_menu div { background-color:transparent; padding:0; Added: branches/3.1.x/samples/richfaces-demo/src/main/webapp/images/cn_jQuery.gif =================================================================== (Binary files differ) Property changes on: branches/3.1.x/samples/richfaces-demo/src/main/webapp/images/cn_jQuery.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Modified: branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/usage.xhtml =================================================================== --- branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/usage.xhtml 2007-10-17 22:06:01 UTC (rev 3433) +++ branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/usage.xhtml 2007-10-17 22:15:33 UTC (rev 3434) @@ -30,9 +30,9 @@ </div> <p> For additional information about attributes of this compponent read - <h:outputLink value="#{facesContext.externalContext.requestContextPath}/richfaces/ajaxAttributes.jsf?c=ajaxattributes"> + <a href="#{facesContext.externalContext.requestContextPath}/richfaces/ajaxAttributes.jsf?c=ajaxattributes"> <h:outputText value="'Ajax Attribute' section" /> - </h:outputLink>. + </a>. </p> </ui:define> Modified: branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/usage.xhtml =================================================================== --- branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/usage.xhtml 2007-10-17 22:06:01 UTC (rev 3433) +++ branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/usage.xhtml 2007-10-17 22:15:33 UTC (rev 3434) @@ -29,9 +29,9 @@ </div> <p> For additional information about attributes of this component read - <h:outputLink value="#{facesContext.externalContext.requestContextPath}/richfaces/ajaxAttributes.jsf?c=ajaxattributes"> + <a href="#{facesContext.externalContext.requestContextPath}/richfaces/ajaxAttributes.jsf?c=ajaxattributes"> <h:outputText value="'Ajax Attribute' section" /> - </h:outputLink>. + </a>. </p> </ui:define> Modified: branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml =================================================================== --- branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml 2007-10-17 22:06:01 UTC (rev 3433) +++ branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml 2007-10-17 22:15:33 UTC (rev 3434) @@ -71,9 +71,9 @@ </p> <p> For additional information about attributes of this component read - <h:outputLink value="#{facesContext.externalContext.requestContextPath}/richfaces/ajaxAttributes.jsf?c=ajaxattributes"> + <a href="#{facesContext.externalContext.requestContextPath}/richfaces/ajaxAttributes.jsf?c=ajaxattributes"> <h:outputText value="'Ajax Attribute' section" /> - </h:outputLink>. + </a>. </p> </ui:define> Modified: branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/fishEye.xhtml =================================================================== --- branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/fishEye.xhtml 2007-10-17 22:06:01 UTC (rev 3433) +++ branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/fishEye.xhtml 2007-10-17 22:15:33 UTC (rev 3434) @@ -21,7 +21,7 @@ <rich:separator lineType="solid" height="1" /> <h:outputText value="This demo shows how to attach the mouseover/mouseout events to the - DOM objects. Hower the images below to make them enlarged." /> + DOM objects. However the images below show how to make them enlarged." /> <rich:separator lineType="solid" height="1" style="padding-bottom:10px;" /> Modified: branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/zebra.xhtml =================================================================== --- branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/zebra.xhtml 2007-10-17 22:06:01 UTC (rev 3433) +++ branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/jQuery/examples/zebra.xhtml 2007-10-17 22:15:33 UTC (rev 3434) @@ -22,25 +22,17 @@ <rich:separator lineType="solid" height="1" /> <h:outputText value="This demo shows how just four rich:jQuery queries allow to - add zebra-style to the table and highlight rows under the mouse cursor." /> + add zebra-style to a table and highlight rows under the mouse cursor." /> <rich:dataTable width="483" id="carList" rows="15" 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> + <h:column><h:outputText value="Make" /></h:column> + <h:column><h:outputText value="Model" /></h:column> + <h:column><h:outputText value="Price" /></h:column> + <h:column><h:outputText value="Mileage" /></h:column> </rich:columnGroup> </f:facet> Modified: branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml =================================================================== --- branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml 2007-10-17 22:06:01 UTC (rev 3433) +++ branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml 2007-10-17 22:15:33 UTC (rev 3434) @@ -30,18 +30,18 @@ the number of parameters corresponds to the arguments of the called function. The value(s) of the a4j:actionparam will be replaced with the value of function arguments before the Ajax request is sent. To read more about a4j:action param visit - <h:outputLink value="#{facesContext.externalContext.requestContextPath}/richfaces/actionparam.jsf?c=actionparam"> + <a href="#{facesContext.externalContext.requestContextPath}/richfaces/actionparam.jsf?c=actionparam"> <h:outputText value="'Ajax Paramemeter' section" /> - </h:outputLink>. + </a>. </p> <p> As for any other Ajax components, you can use <b>reRender</b> attribute to update the area(s) of the page after an Ajax Response comes back. Also, you can use <b>data</b> attribute and <b>oncomplete</b> attribute to take the data from the server and use them for Javascript to call them. For additional information about Javascript oriented and other important attributes of a4j:jsFunction read - <h:outputLink value="#{facesContext.externalContext.requestContextPath}/richfaces/ajaxAttributes.jsf?c=ajaxattributes"> + <a href="#{facesContext.externalContext.requestContextPath}/richfaces/ajaxAttributes.jsf?c=ajaxattributes"> <h:outputText value="'Ajax Attribute' section" /> - </h:outputLink>. + </a>. </p> </ui:define> Modified: branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/support/usage.xhtml =================================================================== --- branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/support/usage.xhtml 2007-10-17 22:06:01 UTC (rev 3433) +++ branches/3.1.x/samples/richfaces-demo/src/main/webapp/richfaces/support/usage.xhtml 2007-10-17 22:15:33 UTC (rev 3434) @@ -57,9 +57,9 @@ <p> For additional information about attributes of this compponent read - <h:outputLink value="#{facesContext.externalContext.requestContextPath}/richfaces/ajaxAttributes.jsf?c=ajaxattributes"> + <a href="#{facesContext.externalContext.requestContextPath}/richfaces/ajaxAttributes.jsf?c=ajaxattributes"> <h:outputText value="'Ajax Attribute' section" /> - </h:outputLink>. + </a>. </p> Modified: branches/3.1.x/samples/richfaces-demo/src/main/webapp/templates/include/components-group.xhtml =================================================================== --- branches/3.1.x/samples/richfaces-demo/src/main/webapp/templates/include/components-group.xhtml 2007-10-17 22:06:01 UTC (rev 3433) +++ branches/3.1.x/samples/richfaces-demo/src/main/webapp/templates/include/components-group.xhtml 2007-10-17 22:15:33 UTC (rev 3434) @@ -12,7 +12,7 @@ <td class="ico"><h:graphicImage value="#{component.iconImage}" width="16" height="16" alt="" border="0" /></td> <td class="text" width="100%"> <h:outputLink style="display:block;height:20px" value="#{component.contextRelativeDemoLocation}"> - <span style="display:block;"> + <span style="display:block;padding-top:3px"> #{component.name} </span> <f:param value="#{component.id}" name="c"/> Modified: branches/3.1.x/samples/richfaces-demo/src/main/webapp/templates/include/references.xhtml =================================================================== --- branches/3.1.x/samples/richfaces-demo/src/main/webapp/templates/include/references.xhtml 2007-10-17 22:06:01 UTC (rev 3433) +++ branches/3.1.x/samples/richfaces-demo/src/main/webapp/templates/include/references.xhtml 2007-10-17 22:15:33 UTC (rev 3434) @@ -9,9 +9,9 @@ <rich:panel styleClass="panel_documents"> <strong>#{componentNavigator.currentComponent.name}</strong> <ul> - <li><h:outputLink value="#{path.dgPath}#{componentNavigator.currentComponent != null ? componentNavigator.currentComponent.devGuideLocation : 'index.html'}">Developers Guide</h:outputLink></li> - <li><h:outputLink value="#{path.tldPath}#{componentNavigator.currentComponent !=null ? componentNavigator.currentComponent.tldDocLocation : 'jbossrichfaces/freezone/docs/tlddoc/overview-summary.html'}">Tld Documentation</h:outputLink></li> - <li><h:outputLink value="#{path.apiPath}#{componentNavigator.currentComponent !=null ? componentNavigator.currentComponent.javaDocLocation : 'jbossrichfaces/freezone/docs/apidoc/overview-summary.html'}">Component Class Documentation</h:outputLink></li> + <li><h:outputLink target="_blank" value="#{path.dgPath}#{componentNavigator.currentComponent != null ? componentNavigator.currentComponent.devGuideLocation : 'index.html'}">Developers Guide</h:outputLink></li> + <li><h:outputLink target="_blank" value="#{path.tldPath}#{componentNavigator.currentComponent !=null ? componentNavigator.currentComponent.tldDocLocation : 'jbossrichfaces/freezone/docs/tlddoc/overview-summary.html'}">Tld Documentation</h:outputLink></li> + <li><h:outputLink target="_blank" value="#{path.apiPath}#{componentNavigator.currentComponent !=null ? componentNavigator.currentComponent.javaDocLocation : 'jbossrichfaces/freezone/docs/apidoc/overview-summary.html'}">Component Class Documentation</h:outputLink></li> </ul> </rich:panel> </ui:composition> Modified: branches/3.1.x/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml =================================================================== --- branches/3.1.x/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml 2007-10-17 22:06:01 UTC (rev 3433) +++ branches/3.1.x/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml 2007-10-17 22:15:33 UTC (rev 3434) @@ -63,19 +63,28 @@ </style> <f:subview> <div> + + <a4j:outputPanel id="hide2" styleClass="viewsourcelooklink" style="display:none"> + <rich:effect for="hide2" event="onclick" type="BlindUp" targetId="source1" params="id:'source1', duration:1.0" /> + <rich:effect for="hide2" event="onclick" type="Appear" targetId="look" params="delay:1.0, duration:1.0" /> + <rich:effect for="hide2" event="onclick" type="Fade" targetId="hide2" params="delay:0.9, duration:0.1" /> + <h:outputText style="padding-right:5px" value="Hide"/> + </a4j:outputPanel> + <a4j:outputPanel styleClass="viewsourcelooklink" id="look"> <rich:effect for="look" event="onclick" type="Fade" targetId="source1" params="duration:0.0" /> <rich:effect for="look" event="onclick" type="Fade" params="duration:0.1" /> <rich:effect for="look" event="onclick" type="BlindDown" targetId="source1" params="delay:0.1,duration:1.0,from:0.0,to:1.0" /> <rich:effect for="look" event="onclick" type="Appear" targetId="source1" params="delay:0.1,duration:0.5,from:0.0,to:1.0" /> + <rich:effect for="look" event="onclick" type="Appear" targetId="hide2" params="delay:0.1,duration:0.5,from:0.0,to:1.0" /> <h:outputText escape="false" value="#{empty openlabel?'View Source' : openlabel }" /> </a4j:outputPanel> + + <rich:panel id="source1" bodyClass="viewsourcebody" headerClass="viewsourceheader" styleClass="viewsourcepanel" style="display:none"> <f:facet name="header"> <rich:spacer height="3px" /> </f:facet> - - <div class="viewsourcediv"> <rich:insert src="#{sourcepath}" highlight="#{empty sourcetype? 'xhtml' : sourcetype }"/> </div> @@ -83,6 +92,7 @@ <a4j:outputPanel id="hide" styleClass="viewsourcehidelink"> <rich:effect for="hide" event="onclick" type="BlindUp" targetId="source1" params="id:'source1', duration:1.0" /> <rich:effect for="hide" event="onclick" type="Appear" targetId="look" params="delay:1.0, duration:1.0" /> + <rich:effect for="hide" event="onclick" type="Fade" targetId="hide2" params="delay:0.9, duration:0.1" /> <h:outputText style="padding-right:5px" value="&lt;&lt;Hide Source"/> </a4j:outputPanel> Modified: branches/3.1.x/samples/richfaces-demo/src/main/webapp/templates/main.xhtml =================================================================== --- branches/3.1.x/samples/richfaces-demo/src/main/webapp/templates/main.xhtml 2007-10-17 22:06:01 UTC (rev 3433) +++ branches/3.1.x/samples/richfaces-demo/src/main/webapp/templates/main.xhtml 2007-10-17 22:15:33 UTC (rev 3434) @@ -48,10 +48,10 @@ <!-- tabpanel end --> <rich:spacer style="height:10px;" /> <rich:separator style="height:1px" /> - <div style="font-size:10px;float:right">${a4j.version}</div> - <div style="font-size:10px;float:none"> + <div style="float:right" class="footer-text">${a4j.version}</div> + <div style="float:none"> <a href="http://jboss.com/index.html?module=bb&amp;op=viewtopic&... - style="color:#000">RichFaces. Most Important Links</a> + style="color:#000; display:block" class="footer-text">RichFaces. Most Important Links</a> </div> </td> </tr> Modified: branches/3.1.x/samples/richfaces-demo/src/main/webapp/welcome.xhtml =================================================================== --- branches/3.1.x/samples/richfaces-demo/src/main/webapp/welcome.xhtml 2007-10-17 22:06:01 UTC (rev 3433) +++ branches/3.1.x/samples/richfaces-demo/src/main/webapp/welcome.xhtml 2007-10-17 22:15:33 UTC (rev 3434) @@ -6,9 +6,8 @@ <ui:composition template="/templates/main.xhtml"> <ui:define name="title">RichFaces - Open Source Rich JSF Components</ui:define> <ui:define name="body"> - <p>Welcome to the <h:outputLink value="http://labs.jboss.com/jbossrichfaces" target="_blank"> - <strong>Rich Faces 3.1</strong> - </h:outputLink> demo!</p> + <p>Welcome to the <a href="http://labs.jboss.com/jbossrichfaces" + target="_blank" style="color:#000">Rich Faces 3.1</a> demo!</p> <h4>About RichFaces</h4> <p>RichFaces is a rich component library for JavaServer Faces built on an advanced open source framework (Ajax4jsf). It allows easy integration of AJAX capabilities into enterprise-level business