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