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

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
icefaces modal popup timeout issue

Categories

HOME
dotnetrdf
crystal-reports
sidekiq
jar
wsdl
visual-studio-2013
google-tag-manager
vs-team-services
puppet
steam
mainframe
apple-numbers
webdav
jrebel
histogrammar
iis-7.5
devstack
websphere-liberty
pygame
onsen-ui2
game-physics
mongodb-query
react-leaflet
titan
uicollectionview
android-toolbar
derived
jogl
sonarqube-msbuild-runner
sql-update
iup
piwik
metis
metadata-extractor
owl-api
edge-detection
nesc
invoke-command
bxslider
edb
nsurlconnection
remote-server
initializer
deepstream.io
dart-pub
nashorn
xbim
dojox.grid.datagrid
lirc
azure-availability-set
defold
ti-basic
jenkins-jira-trigger
goquery
bnd
nuget-server
info
teiid
svn-merge
verbose
icefaces
galleriffic
wcf-ria-services
ruby-2.0
asteriskami
gherkin
spring-repositories
amazon-kcl
magento-1.4
void
sonarqube5.3
geodjango
eyeql
integral
crash-dumps
cpu-cores
stackframe
uptodate
google-earth-plugin
hana-xs
tcpreplay
kendo-mvvm
ultrawingrid
java-collections-api
sthttprequest
map-force
visual-studio-addins
sqljdbc
bignum
goinstant
va-list
nuspec
cgimageref
git-filter-branch
redirectstandardoutput
parameterization
applicationcontext
wchar
cross-domain-policy
for-xml-path
ets
exitstatus
file-encodings
chdatastructures
pci-bus
nt4
dirty-data

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