9:41 a.m.
Author: ayanul
Date: 2007-08-17 10:41:41 -0400 (Fri, 17 Aug 2007)
New Revision: 2321
Modified:
trunk/test-applications/jsp/src/main/webapp/Effect/Effect.jsp
Log:
has added "<rich:effect />" on richface components
Modified: trunk/test-applications/jsp/src/main/webapp/Effect/Effect.jsp
===================================================================
--- trunk/test-applications/jsp/src/main/webapp/Effect/Effect.jsp 2007-08-17 14:28:01 UTC
(rev 2320)
+++ trunk/test-applications/jsp/src/main/webapp/Effect/Effect.jsp 2007-08-17 14:41:41 UTC
(rev 2321)
@@ -8,7 +8,7 @@
<head>
<title></title>
</head>
- <body onload="hideFrm1(),hideFrm2(),hideFrm3(),hideFrm4()">
+ <body onload="hideFrm1(),hideFrm2(),hideFrm3(),hideFrm4(),hideFrm5()">
<h:messages />
<h:form id="indexID">
<h:outputText value="Menu:" />
@@ -32,6 +32,11 @@
<f:verbatim>
<span onclick="showFrm4(),hideIndexID()"><font
color="blue">JSF Component with Event.</font></span>
</f:verbatim>
+
+ <h:outputText value="5." />
+ <f:verbatim>
+ <span onclick="showFrm5(),hideIndexID()"><font
color="blue">RichFace Components.</font></span>
+ </f:verbatim>
</h:panelGrid>
</h:form>
@@ -184,6 +189,80 @@
</f:verbatim>
</h:form>
+ <h:form id="frm5">
+ <h:panelGrid id="panGrID" columns="2">
+ <f:verbatim>
+ <span onclick="hideRichPanel()"><font
color="blue">Hide
+ Panel</font> </span>
+ </f:verbatim>
+ <h:graphicImage value="/pics/fatal.gif"
onclick="hideRichPanel()" />
+
+ <f:verbatim>
+ <span onclick="showRichPanel()"><font
color="blue">Show
+ Panel</font> </span>
+ </f:verbatim>
+ <h:graphicImage value="/pics/warn.gif"
onclick="showRichPanel()" />
+
+ <f:verbatim>
+ <span onclick="hideRichTabPanel()"><font
color="blue">Hide Tab
+ Panel</font> </span>
+ </f:verbatim>
+ <h:graphicImage value="/pics/fatal.gif"
onclick="hideRichTabPanel()" />
+
+ <f:verbatim>
+ <span onclick="showRichTabPanel()"><font
color="blue">Show Tab
+ Panel</font> </span>
+ </f:verbatim>
+ <h:graphicImage value="/pics/warn.gif"
onclick="showRichTabPanel()" />
+ </h:panelGrid>
+
+ <rich:panel id="richPanelID">
+ <f:facet name="header">
+ <h:outputText value="Header of the Panel" />
+ </f:facet>
+ <f:verbatim>
+ This is a panel. This is a panel. This is a panel. This is a panel. <br />
+ This is a panel. This is a panel. This is a panel. This is a panel.
+ </f:verbatim>
+ <rich:effect event="onclick" type="Opacity"
+ params="duration:0.6,from:0.3,to:1.0" />
+ <rich:effect event="onmouseout" type="Opacity"
+ params="duration:0.6,from:1.0,to:0.3" />
+ </rich:panel>
+
+ <rich:tabPanel id="tabPanelID"
+ headerAlignment="Header of the tabPanel" height="200px"
+ switchType="ajax" rendered="true" title="Title">
+
+ <rich:tab id="tab1" label="label 1">
+ <h:outputText value="This is tab panel 1"
styleClass="text1"></h:outputText>
+ </rich:tab>
+
+ <rich:tab id="tab2" label="label 2">
+ <h:outputText value="This is tab panel 2"
styleClass="text1"></h:outputText>
+ </rich:tab>
+
+ <rich:tab id="tab3" label="label 3">
+ <h:outputText value="This is tab panel 3"
styleClass="text1"></h:outputText>
+ </rich:tab>
+
+ <rich:effect event="onclick" type="Opacity"
+ params="duration:0.5,from:0.4,to:1.0" />
+ <rich:effect event="onmouseout" type="Opacity"
+ params="duration:0.5,from:1.0,to:0.4" />
+ </rich:tabPanel>
+
+ <rich:effect for="richPanelID" event=""
name="hideRichPanel" type="Fade" />
+ <rich:effect for="richPanelID" event=""
name="showRichPanel" type="Appear" />
+
+ <rich:effect for="tabPanelID" event=""
name="hideRichTabPanel" type="Fade" />
+ <rich:effect for="tabPanelID" event=""
name="showRichTabPanel" type="Appear" />
+
+ <f:verbatim>
+ <br />
+ <span onclick="hideFrm5(),showIndexID()"><font
color="blue">Close</font></span>
+ </f:verbatim>
+ </h:form>
<rich:effect for="indexID" event="" name="hideIndexID"
type="BlindUp" />
<rich:effect for="indexID" event="" name="showIndexID"
type="BlindDown" />
@@ -200,9 +279,11 @@
<rich:effect for="frm4" event="" name="hideFrm4"
type="Fade" />
<rich:effect for="frm4" event="" name="showFrm4"
type="Appear" />
+ <rich:effect for="frm5" event="" name="hideFrm5"
type="Fade" />
+ <rich:effect for="frm5" event="" name="showFrm5"
type="Appear" />
+
<rich:effect for="backFrmID" event=""
name="hideBackFrm" type="Fade" />
<rich:effect for="backFrmID" event=""
name="showBackFrm" type="Appear" />
-
<h:form id="backFrmID">
<h:commandLink value="Back"
action="main"></h:commandLink>
</h:form>