icefaces


EffectQueue and chaining effects in IceFaces 1.8


I'm currently working with IceFaces 1.8, and have been trying to find an simple way to chain effects on UI Components. For example, I have a "Show Help" link at the top right of the page. When clicked, help text will appear below certain controls for users. I'd like this text to appear by sliding down, then highlighting.
I have a basic isRenderHelp() method on my bean that returns true or false, and use that to render effects using the fire attribute on the <ice:effect> tag, so it looks something like this:
<ice:effect effectType="slidedown" fire="#{myBean.renderHelp}">
<ice:effect effectType="slideup" fire="#{!myBean.renderHelp}">
This works causing the help section to slide in and out as the help link toggles the renderHelp flag in the bean. There is the small exception that renderHelp returns null before the link is clicked for the first time to prevent the slideup animation from firing on the first page render.
Now, I noticed looking through the showcase code for 1.8 that there is an EffectQueue class that extends Effect. This allows me to add mutliple Effects to the queue in my bean, and return the queue from a getEffect method that I can then assign to a panelGroup effect attribute. However, it does not execute the events in the queue, despite having their priorities set. I'm sure I'm not using it properly, and I'm wondering how it should be used.
Normally I'd use jQuery for this type of thing, but the UI uses many partial submits. Our page is displayed via a Liferay portlet, so on any partialSubmit the view is rerendered, undoing any modifications to the DOM by jQuery.
So is there any simple way to chain effects in IceFaces 1.8? Suggestions?
here is how I implemented the effectQueue to appear and fade the text.
private EffectQueue effectQueue;
public Effect getSaveSettingsEffect() {
return effectQueue;
}
public void fireEffect(ActionListener e) {
if(effectQueue == null) {
effectQueue = new EffectQueue("apperAndFade");
Appear appear = new Appear();
appear.setDuration(2);
effectQueue.add(appear);
Fade fade = new Fade();
fade.setDuration(3);
effectQueue.add(fade);
effectQueue.setTransitory(true);
}
effectQueue.setFired(false);
}
facelet:
<ice:commandButton value="fireEffect" action="#{bean.fireEffect}"/>
<ice:outputText value="text" style="display: none;" effect="#{bean.effectQueue}"/>

Related Links

How to get values in dropdown list from database in icefaces?
Data pager in icefaces not paging
use sbt for generate a webapp with icefaces
Cancel button Icefaces with immediate=true
how to redirect to j_security_check in the managed bean?
How do I disable a column using icefaces?
icefaces menu bar handling
ui:repeatn tag inside ui:repeat..not working
<ice:outputMedia> and <ui:repeat>
HOW TO HIDE/IGNORE ?RVN in Icefaces
Two ICEfaces panel positioned interacting
java.lang.ClassNotFoundException: com.icesoft.faces.util.event.servlet.ContextEventRepeater
how to push component state changes to multiple different pages using icefaces
How can Websphere PUMA SPI (PumaLocator) be used with an ICEfaces Portlet?
IceFaces and FileResource - delete after session expires
icefaces 2 beta 1: binding selectmanycheckbox to map raises conversion error

Categories

HOME
arrays
xbox-live
makefile
laravel-5
qpython3
bibtex
phpstorm
wampserver
terrain
dataframe
codeblocks
google-plus
pca
click
datagrip
mod-pagespeed
aspell
quartus
ada
off-canvas-menu
tree-traversal
zoho
ios10.3
kadanes-algorithm
ng2-dragula
tweets
tortoisegit
backpropagation
k2
bcrypt
fabric
widevine
metadata-extractor
superagent
twitter-bootstrap-2
strophe
canvasjs
shapes
shibboleth
nlb
initializer
topic-modeling
active-model-serializers
lexical-analysis
stdclass
xbim
openweathermap
timesten
floor
taskmanager
windows-firewall
nstouchbar
google-maps-ios
rpostgresql
instruction-set
unity3d-editor
coremidi
spring-ioc
mailcatcher
git-annex
angularjs-ng-pattern
webkit2
tuxedo
bacnet
linkageerror
dojox.charting
listadapter
mercurial-hook
fps
console-redirect
scriptlet
usb-drive
anti-cheat
interactive-brokers
galaxy
plone-3.x
jenkins-scriptler
pyrocms
twython
rx-groovy
type-mismatch
xaml-designer
epl
searchkick
qtestlib
power-law
getimagedata
mbox
cilk-plus
facebook-sdk-3.1
localtime
multiple-conditions
dwolla
fileconveyor
pascals-triangle
cgpath
android-4.0
static-variables
objective-c-protocol
ubuntu-11.04
nssavepanel
hashalgorithm
electronic-signature
associative
adsl
smooth
ruby-debug
post-redirect-get
recordset
yajl
grooveshark
windows-controls
act
winsnmp
system-codedom-compiler
database-diagramming
ajaxpro
interface-design

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App