[richfaces-svn-commits] JBoss Rich Faces SVN: r18477 - trunk/examples/richfaces-showcase/src/main/webapp/richfaces/togglePanel.

Wed Aug 4 08:22:13 EDT 2010

Author: ilya_shaikovsky
Date: 2010-08-04 08:22:13 -0400 (Wed, 04 Aug 2010)
New Revision: 18477

Modified:
   trunk/examples/richfaces-showcase/src/main/webapp/richfaces/togglePanel/simple.xhtml
Log:
minor corrections on demo sample page.

Modified: trunk/examples/richfaces-showcase/src/main/webapp/richfaces/togglePanel/simple.xhtml
===================================================================

--- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/togglePanel/simple.xhtml	2010-08-04 12:07:03 UTC (rev 18476)
+++ trunk/examples/richfaces-showcase/src/main/webapp/richfaces/togglePanel/simple.xhtml	2010-08-04 12:22:13 UTC (rev 18477)
@@ -1,26 +1,40 @@
 <!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:rich="http://richfaces.org/rich"
-      xmlns:a4j="http://richfaces.org/a4j">
-
-	<ui:composition>
-		<p>DESC</p>
-		<h:form>
+	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:rich="http://richfaces.org/rich"
+	xmlns:a4j="http://richfaces.org/a4j">
+
+<ui:composition>
+<style>
+	.rf-tp-i {
+		border: 1px solid #{   richSkin.panelBorderColor
+	}
+</style>
+	<p>DESC</p>
+	<h:form>
+		<h:commandLink value="Toggle Panel Item 1">
+			<rich:toggleControl forPanel="panel1" targetItem="item1" />
+		</h:commandLink>
+		<h:outputText value=" | " />
+		<h:commandLink value="Toggle Panel Item 2">
+			<rich:toggleControl forPanel="panel1" targetItem="item2" />
+		</h:commandLink>
 		<rich:togglePanel id="panel1" activeItem="item1">
-			<rich:togglePanelItem name="item1">
-				<h:outputText value="This Toggle Panel Item 1"/>
+			<rich:togglePanelItem name="item1" styleClass="rf-tp-i">
+				<p>This toggle panel switches in Ajax mode. So only one active
+				item loaded to the client.</p>
+				<p>For now you are at Panel 1</p>
 			</rich:togglePanelItem>
-			<rich:togglePanelItem name="item2">
-				<h:outputText value="This Toggle Panel Item 2"/>
-			</rich:togglePanelItem>			
+			<rich:togglePanelItem name="item2" styleClass="rf-tp-i">
+				<p>After the second link click - panel changed active item to
+				the second one according to name specified in the
+				togglePanelBehavior</p>
+				<p>For now you are at Panel 2</p>
+			</rich:togglePanelItem>
 		</rich:togglePanel>
-		</h:form>
-		<h:commandButton value="Switch">
-			<rich:toggleControl forPanel="panel1"/>
-		</h:commandButton>
-	</ui:composition>
-
+	</h:form>
+</ui:composition>
+
 </html>
\ No newline at end of file

