[richfaces-svn-commits] JBoss Rich Faces SVN: r4935 - trunk/test-applications/facelets/src/main/webapp/Panel.

[richfaces-svn-commits at lists.jboss.org]

Author: ayanul
Date: 2007-12-20 06:00:02 -0500 (Thu, 20 Dec 2007)
New Revision: 4935

Added:
   trunk/test-applications/facelets/src/main/webapp/Panel/Panel2.xhtml
Log:


Added: trunk/test-applications/facelets/src/main/webapp/Panel/Panel2.xhtml
===================================================================
--- trunk/test-applications/facelets/src/main/webapp/Panel/Panel2.xhtml	                        (rev 0)
+++ trunk/test-applications/facelets/src/main/webapp/Panel/Panel2.xhtml	2007-12-20 11:00:02 UTC (rev 4935)
@@ -0,0 +1,95 @@
+<f:subview id="panel2SubviewID"
+	xmlns:ui="http://java.sun.com/jsf/facelets"
+	xmlns:h="http://java.sun.com/jsf/html"
+	xmlns:f="http://java.sun.com/jsf/core"
+	xmlns:rich="http://richfaces.org/rich"
+	xmlns:a4j="http://richfaces.org/a4j">
+    	<h:panelGrid columnClasses="panel" border="0" columns="3">
+			<rich:panel styleClass="top">
+				<f:facet name="header">
+					<h:panelGroup>
+						<f:verbatim>dsdsdsdsd<br />sdsd </f:verbatim>
+					</h:panelGroup>
+
+				</f:facet>
+
+				<f:verbatim>This is <b>default</b> panel. content here</f:verbatim>
+			</rich:panel>
+			<rich:panel styleClass="top" headerClass="hea" bodyClass="bo">
+				<f:facet name="header">
+					<h:outputText value="Header of the Panel" />
+				</f:facet>
+				<f:verbatim>This panel contains custom headerClass and bodyClass</f:verbatim>
+			</rich:panel>
+			<rich:panel styleClass="top2" headerClass="hea2" bodyClass="bo2">
+				<f:facet name="header">
+					<h:outputText value="Header of the Panel" />
+				</f:facet>
+				<f:verbatim> This panel also contains custom headerClass and bodyClass. The background is not a 3D anymore.</f:verbatim>
+			</rich:panel>
+
+			<h:panelGroup>
+				<h:form>
+					<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="hea2" bodyClass="bo3">
+						<f:facet name="header">
+							<h:outputText value="Header of the Panel" />
+						</f:facet>
+						<f:verbatim>Base on the previous layout, but form element and javascript behaviour are added</f:verbatim>
+						<br />
+						<h:inputText />
+					</rich:panel>
+				</h:form>
+			</h:panelGroup>
+
+			<rich:panel style="width:200px;" headerClass="hea" bodyClass="bo3">
+				<f:facet name="header">
+					<h:outputText value="Scrolling Text Panel" />
+				</f:facet>
+				<f:verbatim>
+				     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
+				 </f:verbatim>
+			</rich:panel>
+
+			<rich:panel styleClass="top">
+				<f:verbatim>This is a panel without the header</f:verbatim>
+
+			</rich:panel>
+		</h:panelGrid>
+		<rich:panel style="position: absolute; top: 116px; right: 100px; "
+			styleClass="top">
+			<f:facet name="header">
+				<h:outputText value="Header of the Panel" />
+			</f:facet>
+			<f:verbatim>
+			    This is a panel with absolute position on the screen.<br />
+			    Resize the browser's window for fun.
+		    </f:verbatim>
+		</rich:panel>
+		<rich:panel style="width:#{panel.width};height:#{panel.height}">
+			<f:facet name="header">
+				<f:verbatim>
+		      		Test<br />
+		      		Test<br />
+		      		Test<br />
+				</f:verbatim>
+			</f:facet>
+			<h:form>
+				<h:outputText value="inside the form" />
+			</h:form>
+		</rich:panel>
+</f:subview>