2:04 p.m.
Author: sergeyhalipov
Date: 2008-04-23 15:04:14 -0400 (Wed, 23 Apr 2008)
New Revision: 8101
Modified:
trunk/test-applications/seleniumTest/src/main/webapp/pages/panelBar/panelBarDescription.xhtml
trunk/test-applications/seleniumTest/src/main/webapp/pages/panelBar/panelBarTest.xhtml
trunk/test-applications/seleniumTest/src/main/webapp/pages/panelMenu/panelMenuDescription.xhtml
trunk/test-applications/seleniumTest/src/main/webapp/pages/panelMenu/panelMenuTest.xhtml
trunk/test-applications/seleniumTest/src/main/webapp/pages/simpleTogglePanel/simpleTogglePanelDescription.xhtml
trunk/test-applications/seleniumTest/src/main/webapp/pages/tabPanel/tabPanelDescription.xhtml
trunk/test-applications/seleniumTest/src/main/webapp/pages/tabPanel/tabPanelTest.xhtml
trunk/test-applications/seleniumTest/src/main/webapp/pages/togglePanel/togglePanelDescription.xhtml
trunk/test-applications/seleniumTest/src/main/webapp/pages/togglePanel/togglePanelTest.xhtml
Log:
Selenium tests, some descriptions added.
Modified:
trunk/test-applications/seleniumTest/src/main/webapp/pages/panelBar/panelBarDescription.xhtml
===================================================================
---
trunk/test-applications/seleniumTest/src/main/webapp/pages/panelBar/panelBarDescription.xhtml 2008-04-23
18:39:27 UTC (rev 8100)
+++
trunk/test-applications/seleniumTest/src/main/webapp/pages/panelBar/panelBarDescription.xhtml 2008-04-23
19:04:14 UTC (rev 8101)
@@ -1,5 +1,30 @@
-<html>
-<table border="1" style="border-color: #F1EEE9"
cellpadding="5" cellspacing="0">
-
-</table>
+<html>
+<table border="1" style="border-color: #F1EEE9"
cellpadding="5"
+ cellspacing="0">
+ <tr>
+ <th></th>
+ <th>Action</th>
+ <th>Result</th>
+ </tr>
+ <tr>
+ <td>1</td>
+ <td>Click item 2</td>
+ <td>Second item is active, other items are closed</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>Click simple button</td>
+ <td>Second item is active, other items are closed</td>
+ </tr>
+ <tr>
+ <td>3</td>
+ <td>Click item 3</td>
+ <td>Third item is active, other items are closed</td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>Click ajax button</td>
+ <td>Third item is active, other items are closed</td>
+ </tr>
+</table>
</html>
\ No newline at end of file
Modified:
trunk/test-applications/seleniumTest/src/main/webapp/pages/panelBar/panelBarTest.xhtml
===================================================================
---
trunk/test-applications/seleniumTest/src/main/webapp/pages/panelBar/panelBarTest.xhtml 2008-04-23
18:39:27 UTC (rev 8100)
+++
trunk/test-applications/seleniumTest/src/main/webapp/pages/panelBar/panelBarTest.xhtml 2008-04-23
19:04:14 UTC (rev 8101)
@@ -33,8 +33,8 @@
</rich:panelBar>
<br/>
- <h:commandButton id="button_simple" value="Submit" />
- <a4j:commandButton id="button_ajax" value="Submit"
reRender="panelBar" />
+ <h:commandButton id="button_simple" value="Simple submit" />
+ <a4j:commandButton id="button_ajax" value="Ajax submit"
reRender="panelBar" />
<br/>
</ui:define>
<ui:define name="description">
Modified:
trunk/test-applications/seleniumTest/src/main/webapp/pages/panelMenu/panelMenuDescription.xhtml
===================================================================
---
trunk/test-applications/seleniumTest/src/main/webapp/pages/panelMenu/panelMenuDescription.xhtml 2008-04-23
18:39:27 UTC (rev 8100)
+++
trunk/test-applications/seleniumTest/src/main/webapp/pages/panelMenu/panelMenuDescription.xhtml 2008-04-23
19:04:14 UTC (rev 8101)
@@ -1,5 +1,62 @@
-<html>
-<table border="1" style="border-color: #F1EEE9"
cellpadding="5" cellspacing="0">
-
-</table>
+<html>
+<table border="1" style="border-color: #F1EEE9"
cellpadding="5"
+ cellspacing="0">
+ <tr>
+ <th></th>
+ <th>Action</th>
+ <th colspan="3">Result</th>
+ </tr>
+ <tr>
+ <td>1</td>
+ <td>Click 'Ajax group' for multiple panel</td>
+ <td>Input value == 'pGroup1'</td>
+ <td>Output value == 1</td>
+ <td><b>Item 1</b> is opened</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>Click 'Server group' for multiple panel</td>
+ <td>Input value == 'pGroup2'</td>
+ <td>Output value == 2</td>
+ <td><b>Item 1</b> and <b>Item 2</b> are
opened</td>
+ </tr>
+ <tr>
+ <td>3</td>
+ <td>Click 'Client group' for multiple panel</td>
+ <td></td>
+ <td></td>
+ <td><b>Item 1</b>, <b>Item 2</b> and <b>Item
3</b> are opened</td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>Click 'Disabled group' for multiple panel</td>
+ <td colspan="3">Nothing happens</td>
+ </tr>
+ <tr>
+ <td>5</td>
+ <td>Click 'Ajax group' for single panel</td>
+ <td>Input value == 'pGroup1_single'</td>
+ <td>Output value == 3</td>
+ <td><b>Item 1</b> is opened</td>
+ </tr>
+ <tr>
+ <td>6</td>
+ <td>Click 'Server group' for single panel</td>
+ <td>Input value == 'pGroup2_single'</td>
+ <td>Output value == 4</td>
+ <td><b>Item 1</b> opened, other are opened</td>
+ </tr>
+ <tr>
+ <td>7</td>
+ <td>Click 'Client group' for single panel</td>
+ <td></td>
+ <td></td>
+ <td><b>Item 3</b> is opened, other are opened</td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>Click 'Disabled group' for multiple panel</td>
+ <td colspan="3">Nothing happens</td>
+ </tr>
+</table>
</html>
\ No newline at end of file
Modified:
trunk/test-applications/seleniumTest/src/main/webapp/pages/panelMenu/panelMenuTest.xhtml
===================================================================
---
trunk/test-applications/seleniumTest/src/main/webapp/pages/panelMenu/panelMenuTest.xhtml 2008-04-23
18:39:27 UTC (rev 8100)
+++
trunk/test-applications/seleniumTest/src/main/webapp/pages/panelMenu/panelMenuTest.xhtml 2008-04-23
19:04:14 UTC (rev 8101)
@@ -8,68 +8,79 @@
<ui:composition template="../../layout/template.xhtml">
<ui:define name="style">
- .link {margin: 0px 5px}
+ .link {margin: 0px 5px}
+
+ .component_div {
+ border: 1px solid blue;
+ margin: 2px;
+ }
</ui:define>
- <ui:define name="component">
- <rich:panelMenu id="pMenu" >
- <rich:panelMenuGroup id="pGroup1" expandMode="ajax"
- label="Ajax group"
- action="#{panelBean.increment}"
- actionListener="#{panelBean.actionListener}"
- reRender="_value,_value2" >
- <rich:panelMenuItem id="pItem1"
- label="Item 1"
- action="#{panelBean.action1}"
- actionListener="#{panelBean.actionListener}" />
- </rich:panelMenuGroup>
- <rich:panelMenuGroup id="pGroup2" expandMode="server"
- label="Server group"
- action="#{panelBean.increment}"
- actionListener="#{panelBean.actionListener}" >
- <rich:panelMenuItem id="pItem2"
- label="Item 2" />
- </rich:panelMenuGroup>
- <rich:panelMenuGroup id="pGroup3"
- label="Client group">
- <rich:panelMenuItem id="pItem3"
- label="Item 3" />
- </rich:panelMenuGroup>
- <rich:panelMenuGroup id="pGroup4" disabled="true"
- label="Disabled group" >
- <rich:panelMenuItem id="pItem4"
- label="Item 4" />
- </rich:panelMenuGroup>
- </rich:panelMenu>
+ <ui:define name="component">
+ <h:panelGroup layout="block" styleClass="component_div" >
+ <b>Multiple</b>
+ <rich:panelMenu id="pMenu" >
+ <rich:panelMenuGroup id="pGroup1" expandMode="ajax"
+ label="Ajax group"
+ action="#{panelBean.increment}"
+ actionListener="#{panelBean.actionListener}"
+ reRender="_value,_value2" >
+ <rich:panelMenuItem id="pItem1"
+ label="Item 1"
+ action="#{panelBean.action1}"
+ actionListener="#{panelBean.actionListener}" />
+ </rich:panelMenuGroup>
+ <rich:panelMenuGroup id="pGroup2" expandMode="server"
+ label="Server group"
+ action="#{panelBean.increment}"
+ actionListener="#{panelBean.actionListener}" >
+ <rich:panelMenuItem id="pItem2"
+ label="Item 2" />
+ </rich:panelMenuGroup>
+ <rich:panelMenuGroup id="pGroup3"
+ label="Client group">
+ <rich:panelMenuItem id="pItem3"
+ label="Item 3" />
+ </rich:panelMenuGroup>
+ <rich:panelMenuGroup id="pGroup4" disabled="true"
+ label="Disabled group" >
+ <rich:panelMenuItem id="pItem4"
+ label="Item 4" />
+ </rich:panelMenuGroup>
+ </rich:panelMenu>
+ </h:panelGroup>
- <rich:panelMenu id="pMenu_single" expandSingle="true" >
- <rich:panelMenuGroup id="pGroup1_single" expandMode="ajax"
- label="Ajax group"
- action="#{panelBean.increment}"
- actionListener="#{panelBean.actionListener}"
- reRender="_value,_value2" >
- <rich:panelMenuItem id="pItem1_single"
- label="Item 1"
- action="#{panelBean.action2}"
- actionListener="#{panelBean.actionListener}" />
- </rich:panelMenuGroup>
- <rich:panelMenuGroup id="pGroup2_single" expandMode="server"
- label="Server group"
- action="#{panelBean.increment}"
- actionListener="#{panelBean.actionListener}" >
- <rich:panelMenuItem id="pItem2_single"
- label="Item 2" />
- </rich:panelMenuGroup>
- <rich:panelMenuGroup id="pGroup3_single"
- label="Client group">
- <rich:panelMenuItem id="pItem3_single"
- label="Item 3" />
- </rich:panelMenuGroup>
- <rich:panelMenuGroup id="pGroup4_single" disabled="true"
- label="Disabled group" >
- <rich:panelMenuItem id="pItem4_single"
- label="Item 4" />
- </rich:panelMenuGroup>
- </rich:panelMenu>
+ <h:panelGroup layout="block" styleClass="component_div" >
+ <b>Single</b>
+ <rich:panelMenu id="pMenu_single" expandSingle="true" >
+ <rich:panelMenuGroup id="pGroup1_single" expandMode="ajax"
+ label="Ajax group"
+ action="#{panelBean.increment}"
+ actionListener="#{panelBean.actionListener}"
+ reRender="_value,_value2" >
+ <rich:panelMenuItem id="pItem1_single"
+ label="Item 1"
+ action="#{panelBean.action2}"
+ actionListener="#{panelBean.actionListener}" />
+ </rich:panelMenuGroup>
+ <rich:panelMenuGroup id="pGroup2_single" expandMode="server"
+ label="Server group"
+ action="#{panelBean.increment}"
+ actionListener="#{panelBean.actionListener}" >
+ <rich:panelMenuItem id="pItem2_single"
+ label="Item 2" />
+ </rich:panelMenuGroup>
+ <rich:panelMenuGroup id="pGroup3_single"
+ label="Client group">
+ <rich:panelMenuItem id="pItem3_single"
+ label="Item 3" />
+ </rich:panelMenuGroup>
+ <rich:panelMenuGroup id="pGroup4_single" disabled="true"
+ label="Disabled group" >
+ <rich:panelMenuItem id="pItem4_single"
+ label="Item 4" />
+ </rich:panelMenuGroup>
+ </rich:panelMenu>
+ </h:panelGroup>
<br/>
<h:inputText value="#{panelBean.value}"
id="_value"></h:inputText>
Modified:
trunk/test-applications/seleniumTest/src/main/webapp/pages/simpleTogglePanel/simpleTogglePanelDescription.xhtml
===================================================================
---
trunk/test-applications/seleniumTest/src/main/webapp/pages/simpleTogglePanel/simpleTogglePanelDescription.xhtml 2008-04-23
18:39:27 UTC (rev 8100)
+++
trunk/test-applications/seleniumTest/src/main/webapp/pages/simpleTogglePanel/simpleTogglePanelDescription.xhtml 2008-04-23
19:04:14 UTC (rev 8101)
@@ -1,5 +1,53 @@
-<html>
-<table border="1" style="border-color: #F1EEE9"
cellpadding="5" cellspacing="0">
-
-</table>
+<html>
+<table border="1" style="border-color: #F1EEE9"
cellpadding="5"
+ cellspacing="0">
+ <tr>
+ <th></th>
+ <th>Action</th>
+ <th colspan="3">Result</th>
+ </tr>
+ <tr>
+ <td>1</td>
+ <td>Click client s. toggle panel</td>
+ <td></td>
+ <td></td>
+ <td>Client panel is opened</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>Click client s. toggle panel</td>
+ <td></td>
+ <td></td>
+ <td>Client panel is closed</td>
+ </tr>
+ <tr>
+ <td>3</td>
+ <td>Click ajax s. toggle panel</td>
+ <td>Input value == 'panel1'</td>
+ <td>Output value == 1</td>
+ <td>Ajax panel is opened</td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>Click ajax s. toggle panel</td>
+ <td>Input value == 'panel1'</td>
+ <td>Output value == 2</td>
+ <td>Ajax panel is closed</td>
+ </tr>
+ <tr>
+ <td>5</td>
+ <td>Click server s. toggle panel</td>
+ <td>Input value == 'panel2'</td>
+ <td>Output value == 3</td>
+ <td>Server panel is opened</td>
+ </tr>
+ <tr>
+ <td>6</td>
+ <td>Click server s. toggle panel</td>
+ <td>Input value == 'panel2'</td>
+ <td>Output value == 4</td>
+ <td>Server panel is closed</td>
+ </tr>
+
+</table>
</html>
\ No newline at end of file
Modified:
trunk/test-applications/seleniumTest/src/main/webapp/pages/tabPanel/tabPanelDescription.xhtml
===================================================================
---
trunk/test-applications/seleniumTest/src/main/webapp/pages/tabPanel/tabPanelDescription.xhtml 2008-04-23
18:39:27 UTC (rev 8100)
+++
trunk/test-applications/seleniumTest/src/main/webapp/pages/tabPanel/tabPanelDescription.xhtml 2008-04-23
19:04:14 UTC (rev 8101)
@@ -1,5 +1,36 @@
-<html>
-<table border="1" style="border-color: #F1EEE9"
cellpadding="5" cellspacing="0">
-
-</table>
+<html>
+<table border="1" style="border-color: #F1EEE9"
cellpadding="5"
+ cellspacing="0">
+ <tr>
+ <th></th>
+ <th>Action</th>
+ <th colspan="3">Result</th>
+ </tr>
+ <tr>
+ <td>1</td>
+ <td>Click tab2</td>
+ <td>Input value == 'tab2'</td>
+ <td>Output value == 2</td>
+ <td><b>Tab two</b> is active</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>Click tab1</td>
+ <td>Input value == 'tab1'</td>
+ <td>Output value == 1</td>
+ <td><b>Tab one</b> is active</td>
+ </tr>
+ <tr>
+ <td>3</td>
+ <td>Click tab3</td>
+ <td colspan="3">Nothing changed</td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>Click tab4</td>
+ <td></td>
+ <td></td>
+ <td><b>Tab four</b> is active</td>
+ </tr>
+</table>
</html>
\ No newline at end of file
Modified:
trunk/test-applications/seleniumTest/src/main/webapp/pages/tabPanel/tabPanelTest.xhtml
===================================================================
---
trunk/test-applications/seleniumTest/src/main/webapp/pages/tabPanel/tabPanelTest.xhtml 2008-04-23
18:39:27 UTC (rev 8100)
+++
trunk/test-applications/seleniumTest/src/main/webapp/pages/tabPanel/tabPanelTest.xhtml 2008-04-23
19:04:14 UTC (rev 8101)
@@ -13,28 +13,32 @@
<ui:define name="component">
<rich:tabPanel id="panel1" switchType="ajax" >
<rich:tab label="tab1"
- id="tab1"
- action="#{panelBean.action1}"
- actionListener="#{panelBean.actionListener}"
- switchType="server"
- >
+ id="tab1"
+ action="#{panelBean.action1}"
+ actionListener="#{panelBean.actionListener}"
+ switchType="server"
+ >
+ <h:outputText value="Tab one" />
</rich:tab>
<rich:tab label="tab2"
- id="tab2"
- action="#{panelBean.action2}"
- actionListener="#{panelBean.actionListener}"
- reRender="_value,_value2"
- >
+ id="tab2"
+ action="#{panelBean.action2}"
+ actionListener="#{panelBean.actionListener}"
+ reRender="_value,_value2"
+ >
+ <h:outputText value="Tab two" />
</rich:tab>
<rich:tab label="tab3"
- id="tab3"
- disabled="true"
- >
+ id="tab3"
+ disabled="true"
+ >
+ <h:outputText value="Tab three" />
</rich:tab>
<rich:tab label="tab4"
- id="tab4"
- switchType="client"
- >
+ id="tab4"
+ switchType="client"
+ >
+ <h:outputText value="Tab four" />
</rich:tab>
</rich:tabPanel>
Modified:
trunk/test-applications/seleniumTest/src/main/webapp/pages/togglePanel/togglePanelDescription.xhtml
===================================================================
---
trunk/test-applications/seleniumTest/src/main/webapp/pages/togglePanel/togglePanelDescription.xhtml 2008-04-23
18:39:27 UTC (rev 8100)
+++
trunk/test-applications/seleniumTest/src/main/webapp/pages/togglePanel/togglePanelDescription.xhtml 2008-04-23
19:04:14 UTC (rev 8101)
@@ -1,5 +1,73 @@
-<html>
-<table border="1" style="border-color: #F1EEE9"
cellpadding="5" cellspacing="0">
-
-</table>
+<html>
+<table border="1" style="border-color: #F1EEE9"
cellpadding="5"
+ cellspacing="0">
+ <tr>
+ <th></th>
+ <th>Action</th>
+ <th colspan="3">Result</th>
+ </tr>
+ <tr>
+ <td>1</td>
+ <td>Click 'Ajax next' link</td>
+ <td>Input value == 'ajax_next'</td>
+ <td>Output value == 1</td>
+ <td><b>State two</b> is active</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>Click 'Ajax one' link</td>
+ <td>Input value == 'ajax_one'</td>
+ <td>Output value == 2</td>
+ <td><b>State one</b> is active</td>
+ </tr>
+ <tr>
+ <td>3</td>
+ <td>Click 'Ajax two' link</td>
+ <td>Input value == 'ajax_two'</td>
+ <td>Output value == 1</td>
+ <td><b>State two</b> is active</td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>Click 'Server next' link</td>
+ <td>Input value == 'server_next'</td>
+ <td>Output value == 2</td>
+ <td><b>State two</b> is active</td>
+ </tr>
+ <tr>
+ <td>5</td>
+ <td>Click 'Server one' link</td>
+ <td>Input value == 'server_one'</td>
+ <td>Output value == 3</td>
+ <td><b>State one</b> is active</td>
+ </tr>
+ <tr>
+ <td>6</td>
+ <td>Click 'Server two' link</td>
+ <td>Input value == 'server_two'</td>
+ <td>Output value == 4</td>
+ <td><b>State two</b> is active</td>
+ </tr>
+ <tr>
+ <td>1</td>
+ <td>Click 'Client next' link</td>
+ <td></td>
+ <td></td>
+ <td><b>State two</b> is active</td>
+ </tr>
+ <tr>
+ <td>1</td>
+ <td>Click 'Client one' link</td>
+ <td></td>
+ <td></td>
+ <td><b>State one</b> is active</td>
+ </tr>
+ <tr>
+ <td>1</td>
+ <td>Click 'Client two' link</td>
+ <td></td>
+ <td></td>
+ <td><b>State two</b> is active</td>
+ </tr>
+</table>
</html>
\ No newline at end of file
Modified:
trunk/test-applications/seleniumTest/src/main/webapp/pages/togglePanel/togglePanelTest.xhtml
===================================================================
---
trunk/test-applications/seleniumTest/src/main/webapp/pages/togglePanel/togglePanelTest.xhtml 2008-04-23
18:39:27 UTC (rev 8100)
+++
trunk/test-applications/seleniumTest/src/main/webapp/pages/togglePanel/togglePanelTest.xhtml 2008-04-23
19:04:14 UTC (rev 8101)
@@ -8,71 +8,88 @@
<ui:composition template="../../layout/template.xhtml">
<ui:define name="style">
- .link {margin: 0px 5px}
+ .link {margin: 0px 5px}
+
+ .component_div {
+ border: 1px solid blue;
+ margin: 2px;
+ }
</ui:define>
- <ui:define name="component">
- <rich:togglePanel id="panel_ajax" switchType="ajax"
initialState="one"
- stateOrder="one,two">
- <f:facet name="one">
- <h:outputText id="ajax_state_one" value="State One" />
- </f:facet>
- <f:facet name="two">
- <h:outputText id="ajax_state_two" value="State Two" />
- </f:facet>
- </rich:togglePanel>
- <rich:toggleControl id="ajax_next" for="panel_ajax"
- action="#{panelBean.increment}"
actionListener="#{panelBean.actionListener}" >
- <h:outputText value="Next" />
- </rich:toggleControl>
- <rich:toggleControl id="ajax_one" for="panel_ajax"
switchToState="one"
- action="#{panelBean.increment}"
actionListener="#{panelBean.actionListener}" >
- <h:outputText value="One" />
- </rich:toggleControl>
- <rich:toggleControl id="ajax_two" for="panel_ajax"
switchToState="two"
- action="#{panelBean.action1}"
actionListener="#{panelBean.actionListener}" >
- <h:outputText value="Two" />
- </rich:toggleControl>
+ <ui:define name="component">
+ <h:panelGroup layout="block" styleClass="component_div" >
+ <rich:togglePanel id="panel_ajax" switchType="ajax"
initialState="one"
+ stateOrder="one,two">
+ <f:facet name="one">
+ <h:outputText id="ajax_state_one" value="State One" />
+ </f:facet>
+ <f:facet name="two">
+ <h:outputText id="ajax_state_two" value="State Two" />
+ </f:facet>
+ </rich:togglePanel>
+ <rich:toggleControl id="ajax_next" for="panel_ajax"
+ action="#{panelBean.increment}"
actionListener="#{panelBean.actionListener}" >
+ <h:outputText value="Ajax next" />
+ </rich:toggleControl>
+ <br />
+ <rich:toggleControl id="ajax_one" for="panel_ajax"
switchToState="one"
+ action="#{panelBean.increment}"
actionListener="#{panelBean.actionListener}" >
+ <h:outputText value="Ajax one" />
+ </rich:toggleControl>
+ <br />
+ <rich:toggleControl id="ajax_two" for="panel_ajax"
switchToState="two"
+ action="#{panelBean.action1}"
actionListener="#{panelBean.actionListener}" >
+ <h:outputText value="Ajax two" />
+ </rich:toggleControl>
+ </h:panelGroup>
- <rich:togglePanel id="panel_server" switchType="server"
initialState="one"
- stateOrder="one,two">
- <f:facet name="one">
- <h:outputText id="server_state_one" value="State One" />
- </f:facet>
- <f:facet name="two">
- <h:outputText id="server_state_two" value="State Two" />
- </f:facet>
- </rich:togglePanel>
- <rich:toggleControl id="server_next" for="panel_server"
- action="#{panelBean.increment}"
actionListener="#{panelBean.actionListener}" >
- <h:outputText value="Next" />
- </rich:toggleControl>
- <rich:toggleControl id="server_one" for="panel_server"
switchToState="one"
- action="#{panelBean.increment}"
actionListener="#{panelBean.actionListener}" >
- <h:outputText value="One" />
- </rich:toggleControl>
- <rich:toggleControl id="server_two" for="panel_server"
switchToState="two"
- action="#{panelBean.increment}"
actionListener="#{panelBean.actionListener}" >
- <h:outputText value="Two" />
- </rich:toggleControl>
+ <h:panelGroup layout="block" styleClass="component_div" >
+ <rich:togglePanel id="panel_server" switchType="server"
initialState="one"
+ stateOrder="one,two">
+ <f:facet name="one">
+ <h:outputText id="server_state_one" value="State One" />
+ </f:facet>
+ <f:facet name="two">
+ <h:outputText id="server_state_two" value="State Two" />
+ </f:facet>
+ </rich:togglePanel>
+ <rich:toggleControl id="server_next" for="panel_server"
+ action="#{panelBean.increment}"
actionListener="#{panelBean.actionListener}" >
+ <h:outputText value="Server next" />
+ </rich:toggleControl>
+ <br />
+ <rich:toggleControl id="server_one" for="panel_server"
switchToState="one"
+ action="#{panelBean.increment}"
actionListener="#{panelBean.actionListener}" >
+ <h:outputText value="Server one" />
+ </rich:toggleControl>
+ <br />
+ <rich:toggleControl id="server_two" for="panel_server"
switchToState="two"
+ action="#{panelBean.increment}"
actionListener="#{panelBean.actionListener}" >
+ <h:outputText value="Server two" />
+ </rich:toggleControl>
+ </h:panelGroup>
- <rich:togglePanel id="panel_client" switchType="client"
initialState="one"
- stateOrder="one,two">
- <f:facet name="one">
- <h:outputText id="client_state_one" value="State One" />
- </f:facet>
- <f:facet name="two">
- <h:outputText id="client_state_two" value="State Two" />
- </f:facet>
- </rich:togglePanel>
- <rich:toggleControl id="client_next" for="panel_client" >
- <h:outputText value="Next" />
- </rich:toggleControl>
- <rich:toggleControl id="client_one" for="panel_client"
switchToState="one" >
- <h:outputText value="One" />
- </rich:toggleControl>
- <rich:toggleControl id="client_two" for="panel_client"
switchToState="two" >
- <h:outputText value="Two" />
- </rich:toggleControl>
+ <h:panelGroup layout="block" styleClass="component_div" >
+ <rich:togglePanel id="panel_client" switchType="client"
initialState="one"
+ stateOrder="one,two">
+ <f:facet name="one">
+ <h:outputText id="client_state_one" value="State One" />
+ </f:facet>
+ <f:facet name="two">
+ <h:outputText id="client_state_two" value="State Two" />
+ </f:facet>
+ </rich:togglePanel>
+ <rich:toggleControl id="client_next" for="panel_client" >
+ <h:outputText value="Client next" />
+ </rich:toggleControl>
+ <br />
+ <rich:toggleControl id="client_one" for="panel_client"
switchToState="one" >
+ <h:outputText value="Client one" />
+ </rich:toggleControl>
+ <br />
+ <rich:toggleControl id="client_two" for="panel_client"
switchToState="two" >
+ <h:outputText value="Client two" />
+ </rich:toggleControl>
+ </h:panelGroup>
<br/>
<a4j:outputPanel ajaxRendered="true" >