Hi Joachim, the animation effects are not designed for qooxdoo widgets. So this is the main problem, sorry.
I played a bit with your example and it seems to me that moving effects are not really possible, due to the widget structure. But the fade effect should work. The problem in your example was that hide() is not enough, the opacity must also set to zero. Here your example with the fade effect: http://tinyurl.com/28zagrf Cheers, Chris Am 22.04.2010 15:51, schrieb Joachim Baran: > Hi, > > I am encountering some strange behaviour of the animation effects in > Qooxdoo 1.01. Some of them work, others do not. > > I set-up some elements of a form as hidden (by calling .hide() on > them) and I want to let them appear with an animated effect when > .show() is called on them. Unfortunately, this does not work. > > For example, in the link below, you can see that Drop with mode "in" > does not do anything. "out" works though, even though there is some > clipping going on that I have not looked into yet. When using Fade, > the widget first flashes, then disappears and only then fades in > slowly. > > What am I doing wrong? > > Thanks, > Joachim > > http://demo.qooxdoo.org/1.0.1/playground/#%7B%22code%22%3A%20%22%250A%250Aqx.Class.define(%2522Example%2522%252C%250A%257B%250A%2520%2520extend%2520%253A%2520qx.application.Standalone%252C%250A%250A%2520%2520members%2520%253A%250A%2520%2520%257B%250A%2520%2520%2520%2520main%253A%2520function()%250A%2520%2520%2520%2520%257B%250A%2520%2520%2520%2520%2520%2520this.base(arguments)%253B%250A%250A%2520%2520%2520%2520%2520%2520var%2520box%2520%253D%2520new%2520qx.ui.layout.HBox()%253B%250A%2520%2520%2520%2520%2520%2520var%2520container%2520%253D%2520new%2520qx.ui.container.Composite(box)%253B%250A%2520%2520%2520%2520%2520%2520var%2520form%2520%253D%2520new%2520qx.ui.form.Form()%253B%250A%2520%2520%2520%2520%2520%2520var%2520text%2520%253D%2520new%2520qx.ui.form.TextField()%253B%250A%2520%2520%2520%2520%2520%2520var%2520showIt%2520%253D%2520new%2520qx.ui.form.Button(%2522Show%2520It!%2522)%253B%250A%2520%2520%2520%2520%2520%2520%250A%2520%2520%2520%2520%2520%2520text.hide()%253B%250A > > %2520%2520%2520%2520%2520%2520text.addListenerOnce(%2522appear%2522%252C%2520function()%257B%250A%2520%2520%2520%2520%2520%2520%2520%2520%252F%252F%2520Flashes%252C%2520disappears%252C%2520then%2520fades%2520in%253A%250A%2520%2520%2520%2520%2520%2520%2520%2520%252F*%2520animation%2520%253D%2520new%2520qx.fx.effect.core.Fade(text.getContainerElement().getDomElement())%253B%2520%2520%2520%2520%2520%2520%2520%2520%250A%2520%2520%2520%2520%2520%2520%2520%2520animation.set(%257B%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520from%2520%253A%25200.0%252C%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520to%2520%253A%25201.0%252C%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520duration%2520%253A%25205%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%257D)%253B%2520*%252F%250A%2520%2520%2520%2520%2520%2520%2520%2520animation%2520%253D%2520new%2520qx.fx.effect.combination.Drop(text.getContainerElement().getDomElement())%253B%2520%2520%2520%2520%2520%2520%2520%2520%25 > > 0A%2520%2520%2520%2520%2520%2520%2520%2520%252F%252F%2520%2522out%2522%2520works%252C%2520but%2520is%2520not%2520what%2520I%2520want.%2520%2522in%2522%2520does%2520not%2520do%2520anything.%250A%2520%2520%2520%2520%2520%2520%2520%2520animation.set(%257B%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520direction%2520%253A%2520%2522south%2522%252C%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520mode%2520%253A%2520%2522in%2522%252C%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520yAmount%2520%253A%252050%252C%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520duration%2520%253A%25202%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%257D)%253B%250A%2520%2520%2520%2520%2520%2520%2520%2520animation.start()%253B%250A%2520%2520%2520%2520%2520%2520%257D%252C%2520this)%253B%250A%2520%2520%2520%2520%2520%2520%250A%2520%2520%2520%2520%2520%2520showIt.addListener(%2522execute%2522%252C%2520function()%250A%2520%2520%2520%2520%2520%2520%257B%250A%2520%2520%2520%2520%2520 > > %2520%2520%2520text.show()%253B%250A%2520%2520%2520%2520%2520%2520%257D)%253B%250A%2520%2520%2520%2520%2520%2520%250A%2520%2520%2520%2520%2520%2520form.add(text%252C%2520%2522Test%2522)%253B%250A%2520%2520%2520%2520%2520%2520container.add(new%2520qx.ui.form.renderer.Single(form))%253B%250A%2520%2520%2520%2520%2520%2520%250A%2520%2520%2520%2520%2520%2520this.getRoot().add(container%252C%2520%257Bleft%253A10%252Ctop%253A10%257D)%253B%250A%2520%2520%2520%2520%2520%2520this.getRoot().add(showIt%252C%2520%257Bleft%253A10%252Ctop%253A90%257D)%253B%250A%2520%2520%2520%2520%257D%250A%2520%2520%257D%250A%257D)%253B%250A%22%7D > > > -- Christian Hagendorn Software Entwickler 1&1 Internet AG - Web Technologies Ernst-Frey-Straße 9 · DE-76135 Karlsruhe Amtsgericht Montabaur / HRB 6484 Vorstände: Henning Ahlert, Ralph Dommermuth, Matthias Ehrlich, Thomas Gottschlich, Robert Hoffmann, Markus Huhn, Hans-Henning Kettler, Dr. Oliver Mauss, Jan Oetjen Aufsichtsratsvorsitzender: Michael Scheeren ------------------------------------------------------------------------------ _______________________________________________ qooxdoo-devel mailing list [email protected] https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
