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%250A%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 -- B.1079 Michael Smith Building Faculty of Life Sciences The University of Manchester Oxford Road Manchester M13 9PT United Kingdom ------------------------------------------------------------------------------ _______________________________________________ qooxdoo-devel mailing list [email protected] https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
