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

Author: SergeySmirnov Date: 2007-10-17 17:56:42 -0400 (Wed, 17 Oct 2007) New Revision: 3431 Added: trunk/samples/richfaces-demo/src/main/webapp/images/cn_jQuery.gif Modified: trunk/samples/richfaces-demo/src/main/webapp/css/common.css trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/templates/include/components-group.xhtml trunk/samples/richfaces-demo/src/main/webapp/templates/include/references.xhtml trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml trunk/samples/richfaces-demo/src/main/webapp/templates/main.xhtml trunk/samples/richfaces-demo/src/main/webapp/welcome.xhtml Log: demo look-n-feel++ Modified: trunk/samples/richfaces-demo/src/main/webapp/css/common.css =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/css/common.css 2007-10-17 19:29:45 UTC (rev 3430) +++ trunk/samples/richfaces-demo/src/main/webapp/css/common.css 2007-10-17 21:56:42 UTC (rev 3431) @@ -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: trunk/samples/richfaces-demo/src/main/webapp/images/cn_jQuery.gif =================================================================== (Binary files differ) Property changes on: trunk/samples/richfaces-demo/src/main/webapp/images/cn_jQuery.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/usage.xhtml 2007-10-17 19:29:45 UTC (rev 3430) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandButton/usage.xhtml 2007-10-17 21:56:42 UTC (rev 3431) @@ -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: trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/usage.xhtml 2007-10-17 19:29:45 UTC (rev 3430) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/commandLink/usage.xhtml 2007-10-17 21:56:42 UTC (rev 3431) @@ -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: trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml 2007-10-17 19:29:45 UTC (rev 3430) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/form/usage.xhtml 2007-10-17 21:56:42 UTC (rev 3431) @@ -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: trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml 2007-10-17 19:29:45 UTC (rev 3430) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml 2007-10-17 21:56:42 UTC (rev 3431) @@ -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: trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/usage.xhtml 2007-10-17 19:29:45 UTC (rev 3430) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/support/usage.xhtml 2007-10-17 21:56:42 UTC (rev 3431) @@ -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: trunk/samples/richfaces-demo/src/main/webapp/templates/include/components-group.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/templates/include/components-group.xhtml 2007-10-17 19:29:45 UTC (rev 3430) +++ trunk/samples/richfaces-demo/src/main/webapp/templates/include/components-group.xhtml 2007-10-17 21:56:42 UTC (rev 3431) @@ -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: trunk/samples/richfaces-demo/src/main/webapp/templates/include/references.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/templates/include/references.xhtml 2007-10-17 19:29:45 UTC (rev 3430) +++ trunk/samples/richfaces-demo/src/main/webapp/templates/include/references.xhtml 2007-10-17 21:56:42 UTC (rev 3431) @@ -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: trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml 2007-10-17 19:29:45 UTC (rev 3430) +++ trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml 2007-10-17 21:56:42 UTC (rev 3431) @@ -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: trunk/samples/richfaces-demo/src/main/webapp/templates/main.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/templates/main.xhtml 2007-10-17 19:29:45 UTC (rev 3430) +++ trunk/samples/richfaces-demo/src/main/webapp/templates/main.xhtml 2007-10-17 21:56:42 UTC (rev 3431) @@ -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: trunk/samples/richfaces-demo/src/main/webapp/welcome.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/welcome.xhtml 2007-10-17 19:29:45 UTC (rev 3430) +++ trunk/samples/richfaces-demo/src/main/webapp/welcome.xhtml 2007-10-17 21:56:42 UTC (rev 3431) @@ -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