?
Solved

RichFaces effect when render

Posted on 2010-11-26
3
Medium Priority
?
1,149 Views
Last Modified: 2012-05-10
On my JSF-page, I'm showing some content based on the value of a checkbox. How can I attach an effect (like fading) when this content is shown?

Here is what I got so far, but the effect is now showing.
<t:selectBooleanCheckbox title="Ja" label="Ja" value="#{myBean.booleanValue}">
      <a4j:support ajaxSingle="true" event="onchange" reRender="panel"/>
</t:selectBooleanCheckbox>


<t:div id="panel">
   <rich:effect for="panel" type="Opacity" params="duration:0.8,from:1.0,to:0.3" />
   <t:panelGrid columns="2" rendered="#{myBean.booleanValue}">
...
...
...
   </t:panelGrid>
</t:div>

Open in new window

0
Comment
Question by:jstakk
2 Comments
 
LVL 1

Accepted Solution

by:
RockSC earned 2000 total points
ID: 35287085
Hi,

you need give a name to effect to invoke by javascript.
like this:

<t:selectBooleanCheckbox title="Ja" label="Ja" value="#{myBean.booleanValue}">
      <a4j:support ajaxSingle="true" event="onchange" reRender="panel" oncomplete="myRichEffect()" />
</t:selectBooleanCheckbox>

<rich:effect name="myRichEffect" for="panel" type="Opacity" params="duration:0.8,from:1.0,to:0.3" />
<t:div id="panel">
   <t:panelGrid columns="2" rendered="#{myBean.booleanValue}">
...
...
...
   </t:panelGrid>
</t:div>

Open in new window


See "Typical variants of usage" here:
http://livedemo.exadel.com/richfaces-demo/richfaces/effect.jsf?c=effect&tab=usage
0
 
LVL 61

Expert Comment

by:Kevin Cross
ID: 36929530
This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.
0

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

I had a project requirement for a displaying a user workbench .This workbench would consist multiple data grids .In each grid the user will be able to see a large number of data. These data grids should allow the user to 1. Sort 2. Export the …
A solution for Fortify Path Manipulation.
The viewer will learn how to implement Singleton Design Pattern in Java.
This tutorial covers a practical example of lazy loading technique and early loading technique in a Singleton Design Pattern.

569 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question