Author: ilya_shaikovsky Date: 2010-08-17 04:23:51 -0400 (Tue, 17 Aug 2010) New Revision: 18698 Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/samples/simple-sample.xhtml trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/simple.xhtml Log: https://jira.jboss.org/browse/RF-8794 Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/samples/simple-sample.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/samples/simple-sample.xhtml 2010-08-17 08:11:30 UTC (rev 18697) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/samples/simple-sample.xhtml 2010-08-17 08:23:51 UTC (rev 18698) @@ -5,13 +5,50 @@ xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> + <style> +.rf-ac{ + width: 500px; +} +.rf-aci-c { + height: 220px; +} +</style> <h:form> <rich:accordion> - <rich:accordionItem header="First Item"> - <h:outputText value="hello from 1" /> + <rich:accordionItem header="Overview:"> + <h:graphicImage value="/images/icons/common/rf.png" + style="float:right" /> + RichFaces is a component library for JSF and an advanced framework for + easily integrating AJAX capabilities into business applications. + <ul> + <li>100+ AJAX enabled components in two libraries</li> + <li>a4j: page centric AJAX controls</li> + <li>rich: self contained, ready to use components</li> + <li>Whole set of JSF benefits while working with AJAX</li> + <li>Skinnability mechanism</li> + <li>Component Development Kit (CDK)</li> + <li>Dynamic resources handling</li> + <li>Testing facilities for components, actions, listeners, and + pages</li> + <li>Broad cross-browser support</li> + <li>Large and active community</li> + </ul> </rich:accordionItem> - <rich:accordionItem header="Second Item"> - <h:outputText value="hello from 2" /> + <rich:accordionItem header="JSF 2 and RichFaces 4:"> + <p>We are working hard on RichFaces 4.0 which will have full JSF + 2 integration. That is not all though, here is a summary of updates + and features:</p> + <ul> + <li>Redesigned modular repository and build system.</li> + <li>Simplified Component Development Kit with annotations, + faces-config extensions, advanced templates support and more..</li> + <li>Ajax framework improvements extending the JSF 2 + specification.</li> + <li>Component review for consistency, usability, and redesign + following semantic HTML principles where possible.</li> + <li>Both server-side and client-side performance optimization.</li> + <li>Strict code clean-up and review.</li> + </ul> </rich:accordionItem> </rich:accordion> </h:form> Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/simple.xhtml =================================================================== --- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/simple.xhtml 2010-08-17 08:11:30 UTC (rev 18697) +++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/accordion/simple.xhtml 2010-08-17 08:23:51 UTC (rev 18698) @@ -5,14 +5,14 @@ xmlns:ui="http://java.sun.com/jsf/facelets"> <ui:composition> - <p>The Accordion (panelBar from 3.3.x) is a set of panels when one panel is expanded, + <p>The <b>Accordion</b> (<i>panelBar from 3.3.x</i>) is a set of panels when one panel is expanded, but other ones are collapsed. </p> <p> - Additionally to previous 3.3.x functionality - accordion in 4.x was finally added with - different modes functionality. So as all the switchable panels it could be used with next modes - - "client", "ajax" and "server". + <b>Main addition</b> to previous 3.3.x functionality - accordion in 4.x was finally added with + different switching <b>switchType</b>'s. So as all the switchable panels it could be used with next modes - + "<i>client</i>", "<i>ajax</i>" and "<i>server</i>". </p> - <p>The following demo shows the simple example of usage for the Accordion in client mode.</p> + <p>The following demo shows the simple example of usage for the Accordion in client mode:</p> <ui:include src="#{demoNavigator.sampleIncludeURI}" /> <ui:include src="/templates/includes/source-view.xhtml"> <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}" />