Author: ilya_shaikovsky
Date: 2010-07-26 08:17:39 -0400 (Mon, 26 Jul 2010)
New Revision: 18234
Added:
root/examples/richfaces-showcase/trunk/src/main/webapp/images/icons/common/
root/examples/richfaces-showcase/trunk/src/main/webapp/images/icons/common/rf.png
root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/panel/
root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/panel/lookCustomization.xhtml
root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/panel/simple.xhtml
Modified:
root/examples/richfaces-showcase/trunk/src/main/resources/org/richfaces/demo/data/common/navigation.xml
Log:
https://jira.jboss.org/browse/RF-8967
Modified:
root/examples/richfaces-showcase/trunk/src/main/resources/org/richfaces/demo/data/common/navigation.xml
===================================================================
---
root/examples/richfaces-showcase/trunk/src/main/resources/org/richfaces/demo/data/common/navigation.xml 2010-07-26
12:06:45 UTC (rev 18233)
+++
root/examples/richfaces-showcase/trunk/src/main/resources/org/richfaces/demo/data/common/navigation.xml 2010-07-26
12:17:39 UTC (rev 18234)
@@ -141,7 +141,7 @@
<sample>
<id>viewusage</id>
<name>Common status for view</name>
- </sample>
+ </sample>
<sample>
<id>simple</id>
<name>Status Simple</name>
@@ -273,7 +273,7 @@
<name>Data Lists Component</name>
</sample>
</samples>
- </demo>
+ </demo>
<demo new="true">
<id>dataGrid</id>
<name>rich:dataGrid</name>
@@ -283,24 +283,29 @@
<name>Data Grid Component</name>
</sample>
</samples>
- </demo>
+ </demo>
</demos>
</group>
- <!-- group>
- <name>Panels</name>
+ <group>
+ <name>Output/Panels</name>
<demos>
<demo>
- <id>divPanel</id>
- <name>rich:divPanel</name>
+ <id>panel</id>
+ <name>rich:panel</name>
<samples>
<sample>
<id>simple</id>
- <name>Simple divPanel component</name>
+ <name>Simple Panels</name>
</sample>
+ <sample>
+ <id>lookCustomization</id>
+ <name>Look and feel customization</name>
+ </sample>
</samples>
- </demo>
+ </demo>
</demos>
- </group-->
+ </group>
+
<group>
<name>Misc Components/Features</name>
<demos>
@@ -323,7 +328,7 @@
<name>RichFaces Functions</name>
</sample>
</samples>
- </demo>
+ </demo>
<demo>
<id>componentControl</id>
<name>rich:componentControl</name>
Added: root/examples/richfaces-showcase/trunk/src/main/webapp/images/icons/common/rf.png
===================================================================
(Binary files differ)
Property changes on:
root/examples/richfaces-showcase/trunk/src/main/webapp/images/icons/common/rf.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added:
root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/panel/lookCustomization.xhtml
===================================================================
---
root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/panel/lookCustomization.xhtml
(rev 0)
+++
root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/panel/lookCustomization.xhtml 2010-07-26
12:17:39 UTC (rev 18234)
@@ -0,0 +1,95 @@
+<!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:h="http://java.sun.com/jsf/html"
+
xmlns:f="http://java.sun.com/jsf/core"
+
xmlns:ui="http://java.sun.com/jsf/facelets"
+
xmlns:a4j="http://richfaces.org/a4j"
+
xmlns:rich="http://richfaces.org/rich">
+
+<ui:composition>
+ <style>
+.rich-panel-header {
+ color: #0054BD;
+}
+
+.panel {
+ vertical-align: top;
+}
+
+.top {
+ width: 200px;
+ height: 100px;
+}
+
+.head2 {
+ background-image: url();
+ background-color: #4C9600;
+ height: 18px;
+ text-align: center;
+ vertical-align: middle;
+ color: #CFF;
+ padding: 4px 0;
+}
+
+.body3 {
+ height: 100px;
+ overflow: auto;
+}
+</style>
+ <h:panelGrid columnClasses="panel" border="0"
columns="2">
+ <rich:panel>
+ <f:facet name="header">
+ Panel #1. Changing Style Synchronously
+ </f:facet>
+ Each component in the RichFaces has a pre-defined set of classes you can
manipulate with. If defined, those
+ classes overwrite the ones come from the skin.
+ </rich:panel>
+
+ <rich:panel>
+ <f:facet name="header">
+ Panel #2. Changing Style Synchronously
+ </f:facet>
+ In this example, we define header color using the .rich-panel-header
class and all panels located on the same page
+ inherit this color
+ </rich:panel>
+
+ </h:panelGrid>
+
+ <h:panelGrid columnClasses="panel" border="0"
columns="3">
+ <rich:panel
+ onmouseover="document.getElementById(this.id+'_header').style.background='#60BA01';document.getElementById(this.id+'_body').style.background='#F4FFF8'"
+ onmouseout="document.getElementById(this.id+'_header').style.background='#4C9600';document.getElementById(this.id+'_body').style.background='#E4FFC8'"
+ style="width:200px;" headerClass="head2"
bodyClass="body3">
+ <f:facet name="header">
+ Panel header
+ </f:facet>
+ Base on the previous layout, but some javascript behaviour added.
+ </rich:panel>
+
+ <rich:panel style="width:200px;" bodyClass="body3">
+ <f:facet name="header">
+ Scrolling Text Panel
+ </f:facet>
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ Long Text Long Text Long Text
+ </rich:panel>
+
+ <rich:panel styleClass="top">
+ This is a panel without the header
+ </rich:panel>
+
+ </h:panelGrid>
+
+</ui:composition>
+</html>
\ No newline at end of file
Added:
root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/panel/simple.xhtml
===================================================================
--- root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/panel/simple.xhtml
(rev 0)
+++
root/examples/richfaces-showcase/trunk/src/main/webapp/richfaces/panel/simple.xhtml 2010-07-26
12:17:39 UTC (rev 18234)
@@ -0,0 +1,54 @@
+<!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:h="http://java.sun.com/jsf/html"
+
xmlns:f="http://java.sun.com/jsf/core"
+
xmlns:ui="http://java.sun.com/jsf/facelets"
+
xmlns:a4j="http://richfaces.org/a4j"
+
xmlns:rich="http://richfaces.org/rich">
+
+<ui:composition>
+ <p>The panel is a rectangle area on a page that may contain any
+ content including other panels. Panel has a header (optionally) and a
+ body. The default look-n-feel is based on the current skin. Look-n-feel
+ of any parts of the panel, including color scheme, borders and paddings
+ can be customizable using with pre-defined number of CSS classes.</p>
+
+ <rich:panel header="Panel with default Look-n-feel">
+ <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:panel>
+ <p><b>Panel without header:</b></p>
+ <rich:panel>
+ <p><b>JSF 2 and RichFaces 4:</b></p>
+ <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:panel>
+</ui:composition>
+</html>
\ No newline at end of file