I have a visual effect that I currently like, fade out followed by fade in. But I need to re-render between effects when nothing is displayed, how can this be done ?
I can not simply add reRender="serverDate,fadebox" because it will not fire after the fade, and it will also not render it invisible.
<a4j:region>
<h:form>
<a4j:poll id="poll1" interval="5000" enabled="true" reRender="serverDate" oncomplete="fadeBox();unfadeBox();"/>
</h:form>
</a4j:region>
<h:form>
<h:outputText id="serverDate" style="font-size:16px" value="This Server Date changes: #{Scroller.date}"/>
</h:form>
<rich:panel id="fadebox" styleClass="box">
<f:facet name="header">Fade Effect</f:facet>
<h:outputText value="This does not change: #{Scroller.date}" />
</rich:panel>
<rich:effect for="fadebox" type="Fade" name="fadeBox" params="duration:2.0,from:1.0,to:0.0" />
<rich:effect for="fadebox" type="Appear" name="unfadeBox" params="duration:2.0,delay:2.0,from:0.0,to:1.0" />