-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi, how can I add a JQuery fade in effect to my bandbox or bandpopup component? Thanks!
This is my code:
<zk> <window id="viewShiftTableWindow" border="normal" width="100%" height="100%" > <bandbox id="myBandBox" readonly="true" mold="rounded" > <bandpopup id="myBandPopup" hflex="min"> <listbox id="myListBox" multiple="true" checkmark="true" rows="0" hflex="min" /> </bandpopup> </bandbox> </window> </zk>
I think this was what you are looking.
ZK Demo - jQuery Effects
Hi iantsai,
On the demo you suggested there is a link to a demo test, a sort sandbox where I found something useful, so I wrote this code:
<zk xmlns:w="client"> <bandbox id="myBandBox" readonly="true" mold="rounded" w:onOpen="jq(this.$f('myBPOP')).hide().fadeIn()" > <bandpopup id="myBPOP" hflex="min"> <listbox multiple="true" checkmark="true" rows="0" hflex="min" > <listitem><listcell label="Mary" /></listitem> <listitem><listcell label="John" /></listitem> <listitem><listcell label="Jane" /></listitem> </listbox> </bandpopup> </bandbox> </zk>
Fade in seems to work, even if I don't know how to apply a fade-out effect...
A roll-down effect is still present since it is native in bandpopup component. I remember I saw something interesting in the forum in order to remove the roll down/up effect. I will try :)
But now the challenge. As you can see, in my code, I use "w:onOpen" action in order to apply the effect.
What if I use in my java code a onOpen$myBPOP function in order to populate the list with dynamic data?
There will be a collision?
I will try :)
Till then, thanks for your help!
Asked: 2012-05-01 09:41:50 +0800
Seen: 350 times
Last updated: May 17 '12