Solved

RichFaces effect when render

Posted on 2010-11-26
3
1,125 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
3 Comments
 
LVL 1

Accepted Solution

by:
RockSC earned 500 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 59

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

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
copyEndy  challenge 15 55
countX 22 70
ASP.NET MVC Jquery 17 52
Non-recursive backtracking, using a stack 1 49
There is basically two types of AJAX request in mootools. Request  and Request.HTML Request: Request is the basic XHR request class in MooTools. While not extremely useful on its own, it provides the basic functionality for both Request.HTM…
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 …
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.

706 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now