Hey,
is there a way to use animations in themes?
No, thats currently not possible in themes.
If i'd like to e.g. animate background color on mouse hover..
That is still possible with the animation layer as you can see in this code:
var w = new qx.ui.core.Widget();
w.setBackgroundColor("red");
this.getRoot().add(w);
var desc = {duration: 500, keep: 100, keyFrames: {
0: {"background-color": "#f00"},
100: {"background-color": "#0f0"}
}};
// flush to make sure the dom element is avaliabel
qx.ui.core.queue.Manager.flush();
var el = w.getContainerElement().getDomElement();
w.addListener("mouseover", function() {
qx.bom.element.Animation.animate(el, desc);
});
w.addListener("mouseout", function() {
qx.bom.element.Animation.animateReverse(el, desc);
});
But you could also check out CSS Transitions which might a more suitable in you
use case.
https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_transitions
Regards,
Martin
------------------------------------------------------------------------------
Everyone hates slow websites. So do we.
Make your web apps faster with AppDynamics
Download AppDynamics Lite for free today:
http://p.sf.net/sfu/appdyn_d2d_feb
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
