how to do a fade in with <p:effect>

UI Components for JSF
Post Reply
SteveWoodley
Posts: 7
Joined: 05 Nov 2010, 15:23

09 Apr 2011, 16:48

Setup:- Primefaces 2.2RC2, Mojarra 2.0.4 FCS, Glassfish 3.0.1

I can do a fade out with <p:effect type='fade' ...>, but cannot see anywhere how to do a fade in.
I've searched thejQuery documentation as instructed/linked from the PF documentation here: http://docs.jquery.com/UI/Effects.
However, it does not document any parameters for a fade (and a lot of Googling did not reveal anything either).
jQuery does support fadein/fadeout via its other methods, but nothing is said about doing it via the .effect method which Primefaces is using.

Does anyone know how to do this/if it is possible, and what (if any) are the parameters for a fade? I could do it directly with jQuery but would like to stick with <p:effect> if possible.

Thanks
Steve

Roteke
Posts: 6
Joined: 01 Dec 2011, 23:52

02 Dec 2011, 00:39

Sorry for reviving an old thread, but I have the same problem. Has anyone found a solution to this?.
Thanks.

ste
Posts: 5
Joined: 17 Aug 2011, 17:26

15 Feb 2012, 12:39

Have you tried with:

<p:effect type="fade" event="load">
<f:param name="mode" value="'show'" />
</p:effect>

The outer component (or the one in the "for" attribute) should be with style="display:none". Otherwise fade effect makes no sense... ;)

picanha
Posts: 9
Joined: 24 Apr 2010, 11:51

02 Jan 2013, 19:30

Thanks, very useful for me.
Netbeans 7.2, Glassfish 3.2.1, PrimeFaces 3.4

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: Google [Bot] and 28 guests