The tinyurl doesn't appear to be working...so: Here's the verbose one:
*http://demo.qooxdoo.org/5.0.1/playground/#%7B%22code%22%3A%22qx.Class.define(%2522demobrowser.test%2522%252C%2520%257B%250D%250A%2520%2520%2520%2520extend%253A%2520qx.ui.control.ColorPopup%252C%250D%250A%2520%2520%2520%2520members%253A%2520%257B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%252F%252F%2520overridden%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520_createChildControlImpl%253A%2520function(id)%2520%257B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520var%2520control%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520switch%2520(id)%2520%257B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520case%2520%2522field%2522%253A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control%2520%253D%2520new%2520qx.ui.core.Widget()%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.addListener(%2522mousedown%2522%252C%2520this._onFieldMouseDown%252C%2520this)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.addListener(%2522mouseover%2522%252C%2520this._onFieldMouseOver%252C%2520this)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.addListener(%2522mouseout%2522%252C%2520this._onFieldMouseOut%252C%2520this)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520break%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520case%2520%2522auto-button%2522%253A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control%2520%253D%2520new%2520qx.ui.form.Button(this.tr(%2522Automatic%2522))%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.setAllowStretchX(true)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.addListener(%2522execute%2522%252C%2520this._onAutomaticBtnExecute%252C%2520this)%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520this.add(control)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520break%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520case%2520%2522selector-button%2522%253A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control%2520%253D%2520new%2520qx.ui.form.Button(this.tr(%2522Open%2520ColorSelector%2522))%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.addListener(%2522execute%2522%252C%2520this._onSelectorButtonExecute%252C%2520this)%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%252F%252F%2520Overridden%2520to%2520automatically%2520bring%2520up%2520color%2520wheel%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%252F%252F%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520qx.event.Timer.once(function()%2520%257B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%252F%252F%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520this.cscontrol.execute()%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%252F%252F%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%257D%252C%2520this%252C%2520300)%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520this.add(control)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520break%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520case%2520%2522preview-pane%2522%253A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control%2520%253D%2520new%2520qx.ui.groupbox.GroupBox(this.tr(%2522Preview%2520(Old%252FNew)%2522))%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.setLayout(new%2520qx.ui.layout.HBox())%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.add(this._createChildControl(%2522selected-preview%2522%252C%2520true)%252C%2520%257B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520flex%253A%25201%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%257D)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.add(this._createChildControl(%2522current-preview%2522%252C%2520true)%252C%2520%257B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520flex%253A%25201%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%257D)%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520this.add(control)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520break%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520case%2520%2522selected-preview%2522%253A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control%2520%253D%2520new%2520qx.ui.container.Composite(new%2520qx.ui.layout.Basic())%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520break%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520case%2520%2522current-preview%2522%253A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control%2520%253D%2520new%2520qx.ui.container.Composite(new%2520qx.ui.layout.Basic())%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520break%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520case%2520%2522colorselector-okbutton%2522%253A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control%2520%253D%2520new%2520qx.ui.form.Button(this.tr(%2522OK%2522))%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.addListener(%2522execute%2522%252C%2520this._onColorSelectorOk%252C%2520this)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520break%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520case%2520%2522colorselector-cancelbutton%2522%253A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control%2520%253D%2520new%2520qx.ui.form.Button(this.tr(%2522Cancel%2522))%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.addListener(%2522execute%2522%252C%2520this._onColorSelectorCancel%252C%2520this)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520break%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%257D%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520return%2520control%2520%257C%257C%2520this.base(arguments%252C%2520id)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%257D%250D%250A%2520%2520%2520%2520%257D%250D%250A%257D)%253B%250D%250A%250D%250A%250D%250Avar%2520test%2520%253D%2520new%2520demobrowser.test()%253B%250D%250Atest.show()%253B%250D%250A%22%2C%20%22mode%22%3A%22ria%22%7D <http://demo.qooxdoo.org/5.0.1/playground/#%7B%22code%22%3A%22qx.Class.define(%2522demobrowser.test%2522%252C%2520%257B%250D%250A%2520%2520%2520%2520extend%253A%2520qx.ui.control.ColorPopup%252C%250D%250A%2520%2520%2520%2520members%253A%2520%257B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%252F%252F%2520overridden%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520_createChildControlImpl%253A%2520function(id)%2520%257B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520var%2520control%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520switch%2520(id)%2520%257B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520case%2520%2522field%2522%253A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control%2520%253D%2520new%2520qx.ui.core.Widget()%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.addListener(%2522mousedown%2522%252C%2520this._onFieldMouseDown%252C%2520this)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.addListener(%2522mouseover%2522%252C%2520this._onFieldMouseOver%252C%2520this)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.addListener(%2522mouseout%2522%252C%2520this._onFieldMouseOut%252C%2520this)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520break%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520case%2520%2522auto-button%2522%253A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control%2520%253D%2520new%2520qx.ui.form.Button(this.tr(%2522Automatic%2522))%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.setAllowStretchX(true)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.addListener(%2522execute%2522%252C%2520this._onAutomaticBtnExecute%252C%2520this)%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520this.add(control)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520break%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520case%2520%2522selector-button%2522%253A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control%2520%253D%2520new%2520qx.ui.form.Button(this.tr(%2522Open%2520ColorSelector%2522))%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.addListener(%2522execute%2522%252C%2520this._onSelectorButtonExecute%252C%2520this)%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%252F%252F%2520Overridden%2520to%2520automatically%2520bring%2520up%2520color%2520wheel%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%252F%252F%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520qx.event.Timer.once(function()%2520%257B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%252F%252F%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520this.cscontrol.execute()%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%252F%252F%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%257D%252C%2520this%252C%2520300)%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520this.add(control)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520break%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520case%2520%2522preview-pane%2522%253A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control%2520%253D%2520new%2520qx.ui.groupbox.GroupBox(this.tr(%2522Preview%2520(Old%252FNew)%2522))%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.setLayout(new%2520qx.ui.layout.HBox())%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.add(this._createChildControl(%2522selected-preview%2522%252C%2520true)%252C%2520%257B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520flex%253A%25201%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%257D)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.add(this._createChildControl(%2522current-preview%2522%252C%2520true)%252C%2520%257B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520flex%253A%25201%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%257D)%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520this.add(control)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520break%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520case%2520%2522selected-preview%2522%253A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control%2520%253D%2520new%2520qx.ui.container.Composite(new%2520qx.ui.layout.Basic())%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520break%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520case%2520%2522current-preview%2522%253A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control%2520%253D%2520new%2520qx.ui.container.Composite(new%2520qx.ui.layout.Basic())%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520break%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520case%2520%2522colorselector-okbutton%2522%253A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control%2520%253D%2520new%2520qx.ui.form.Button(this.tr(%2522OK%2522))%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.addListener(%2522execute%2522%252C%2520this._onColorSelectorOk%252C%2520this)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520break%253B%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520case%2520%2522colorselector-cancelbutton%2522%253A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control%2520%253D%2520new%2520qx.ui.form.Button(this.tr(%2522Cancel%2522))%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520control.addListener(%2522execute%2522%252C%2520this._onColorSelectorCancel%252C%2520this)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520break%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%257D%250D%250A%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520return%2520control%2520%257C%257C%2520this.base(arguments%252C%2520id)%253B%250D%250A%2520%2520%2520%2520%2520%2520%2520%2520%257D%250D%250A%2520%2520%2520%2520%257D%250D%250A%257D)%253B%250D%250A%250D%250A%250D%250Avar%2520test%2520%253D%2520new%2520demobrowser.test()%253B%250D%250Atest.show()%253B%250D%250A%22%2C%20%22mode%22%3A%22ria%22%7D>http://demo.qooxdoo.org/5.0.1/playground/#%7B %22code%22%3A%22qx.Class.define(%2522demobrow ser.test%2522%252C%2520%257B%250D%250A%2520%2 520%2520%2520extend%253A%2520qx.ui.control.Co lorPopup%252C%250D%250A%2520%2520%2520%2520me mbers%253A%2520%257B%250D%250A%2520%2520%2520 %2520%2520%2520%2520%2520%252F%252F%2520overr idden%250D%250A%2520%2520%2520%2520%2520%2520 %2520%2520_createChildControlImpl%253A%2520fu nction(id)%2520%257B%250D%250A%2520%2520%2520 %2520%2520%2520%2520%2520%2520%2520%2520%2520 var%2520control%253B%250D%250A%2520%2520%2520 %2520%2520%2520%2520%2520%2520%2520%2520%2520 switch%2520(id)%2520%257B%250D%250A%2520%2520 %2520%2520%2520%2520%2520%2520%2520%2520%2520 %2520%2520%2520%2520%2520case%2520%2522field% 2522%253A%250D%250A%2520%2520%2520%2520%2520% 2520%2520%2520%2520%2520%2520%2520%2520%2520% 2520%2520%2520%2520%2520%2520control%2520%253 D%2520new%2520qx.ui.core.Widget()%253B%250D%2 50A%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520control.addListener(%2522mousedo wn%2522%252C%2520this._onFieldMouseDown%252C% 2520this)%253B%250D%250A%2520%2520%2520%2520% 2520%2520%2520%2520%2520%2520%2520%2520%2520% 2520%2520%2520%2520%2520%2520%2520control.add Listener(%2522mouseover%2522%252C%2520this._o nFieldMouseOver%252C%2520this)%253B%250D%250A %2520%2520%2520%2520%2520%2520%2520%2520%2520 %2520%2520%2520%2520%2520%2520%2520%2520%2520 %2520%2520control.addListener(%2522mouseout%2 522%252C%2520this._onFieldMouseOut%252C%2520t his)%253B%250D%250A%2520%2520%2520%2520%2520% 2520%2520%2520%2520%2520%2520%2520%2520%2520% 2520%2520%2520%2520%2520%2520break%253B%250D% 250A%250D%250A%2520%2520%2520%2520%2520%2520% 2520%2520%2520%2520%2520%2520%2520%2520%2520% 2520case%2520%2522auto-button%2522%253A%250D% 250A%2520%2520%2520%2520%2520%2520%2520%2520% 2520%2520%2520%2520%2520%2520%2520%2520%2520% 2520%2520%2520control%2520%253D%2520new%2520q x.ui.form.Button(this.tr(%2522Automatic%2522) )%253B%250D%250A%2520%2520%2520%2520%2520%252 0%2520%2520%2520%2520%2520%2520%2520%2520%252 0%2520%2520%2520%2520%2520control.setAllowStr etchX(true)%253B%250D%250A%2520%2520%2520%252 0%2520%2520%2520%2520%2520%2520%2520%2520%252 0%2520%2520%2520%2520%2520%2520%2520control.a ddListener(%2522execute%2522%252C%2520this._o nAutomaticBtnExecute%252C%2520this)%253B%250D %250A%250D%250A%2520%2520%2520%2520%2520%2520 %2520%2520%2520%2520%2520%2520%2520%2520%2520 %2520%2520%2520%2520%2520this.add(control)%25 3B%250D%250A%2520%2520%2520%2520%2520%2520%25 20%2520%2520%2520%2520%2520%2520%2520%2520%25 20%2520%2520%2520%2520break%253B%250D%250A%25 0D%250A%2520%2520%2520%2520%2520%2520%2520%25 20%2520%2520%2520%2520%2520%2520%2520%2520cas e%2520%2522selector-button%2522%253A%250D%250 A%2520%2520%2520%2520%2520%2520%2520%2520%252 0%2520%2520%2520%2520%2520%2520%2520%2520%252 0%2520%2520control%2520%253D%2520new%2520qx.u i.form.Button(this.tr(%2522Open%2520ColorSele ctor%2522))%253B%250D%250A%2520%2520%2520%252 0%2520%2520%2520%2520%2520%2520%2520%2520%252 0%2520%2520%2520%2520%2520%2520%2520control.a ddListener(%2522execute%2522%252C%2520this._o nSelectorButtonExecute%252C%2520this)%253B%25 0D%250A%250D%250A%2520%2520%2520%2520%2520%25 20%2520%2520%2520%2520%2520%2520%2520%2520%25 20%2520%2520%2520%2520%2520%252F%252F%2520Ove rridden%2520to%2520automatically%2520bring%25 20up%2520color%2520wheel%250D%250A%2520%2520% 2520%2520%2520%2520%2520%2520%2520%2520%2520% 2520%2520%2520%2520%2520%2520%2520%2520%2520% 252F%252F%2520%2520%2520%2520%2520%2520%2520% 2520%2520%2520%2520%2520%2520qx.event.Timer.o nce(function()%2520%257B%250D%250A%2520%2520% 2520%2520%2520%2520%2520%2520%2520%2520%2520% 2520%2520%2520%2520%2520%2520%2520%2520%2520% 252F%252F%2520%2520%2520%2520%2520%2520%2520% 2520%2520%2520%2520%2520%2520%2520%2520%2520% 2520%2520%2520%2520this.cscontrol.execute()%2 53B%250D%250A%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%252F%252F%2520%2520%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520%257D%252C%2 520this%252C%2520300)%253B%250D%250A%250D%250 A%2520%2520%2520%2520%2520%2520%2520%2520%252 0%2520%2520%2520%2520%2520%2520%2520%2520%252 0%2520%2520this.add(control)%253B%250D%250A%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520break%253B%250D%250A%250D%250A%2520%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520case%2520%2522pre view-pane%2522%253A%250D%250A%2520%2520%2520% 2520%2520%2520%2520%2520%2520%2520%2520%2520% 2520%2520%2520%2520%2520%2520%2520%2520contro l%2520%253D%2520new%2520qx.ui.groupbox.GroupB ox(this.tr(%2522Preview%2520(Old%252FNew)%252 2))%253B%250D%250A%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520control.setLayout (new%2520qx.ui.layout.HBox())%253B%250D%250A% 250D%250A%2520%2520%2520%2520%2520%2520%2520% 2520%2520%2520%2520%2520%2520%2520%2520%2520% 2520%2520%2520%2520control.add(this._createCh ildControl(%2522selected-preview%2522%252C%25 20true)%252C%2520%257B%250D%250A%2520%2520%25 20%2520%2520%2520%2520%2520%2520%2520%2520%25 20%2520%2520%2520%2520%2520%2520%2520%2520%25 20%2520%2520%2520flex%253A%25201%250D%250A%25 20%2520%2520%2520%2520%2520%2520%2520%2520%25 20%2520%2520%2520%2520%2520%2520%2520%2520%25 20%2520%257D)%253B%250D%250A%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520%2520control .add(this._createChildControl(%2522current-pr eview%2522%252C%2520true)%252C%2520%257B%250D %250A%2520%2520%2520%2520%2520%2520%2520%2520 %2520%2520%2520%2520%2520%2520%2520%2520%2520 %2520%2520%2520%2520%2520%2520%2520flex%253A% 25201%250D%250A%2520%2520%2520%2520%2520%2520 %2520%2520%2520%2520%2520%2520%2520%2520%2520 %2520%2520%2520%2520%2520%257D)%253B%250D%250 A%250D%250A%2520%2520%2520%2520%2520%2520%252 0%2520%2520%2520%2520%2520%2520%2520%2520%252 0%2520%2520%2520%2520this.add(control)%253B%2 50D%250A%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520break%253B%250D%250A%250D%2 50A%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520%2520case%25 20%2522selected-preview%2522%253A%250D%250A%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520control%2520%253D%2520new%2520qx.ui.c ontainer.Composite(new%2520qx.ui.layout.Basic ())%253B%250D%250A%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520break%253B%250D%2 50A%250D%250A%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520case%2520%2522current-preview%2522%253A%25 0D%250A%2520%2520%2520%2520%2520%2520%2520%25 20%2520%2520%2520%2520%2520%2520%2520%2520%25 20%2520%2520%2520control%2520%253D%2520new%25 20qx.ui.container.Composite(new%2520qx.ui.lay out.Basic())%253B%250D%250A%2520%2520%2520%25 20%2520%2520%2520%2520%2520%2520%2520%2520%25 20%2520%2520%2520%2520%2520%2520%2520break%25 3B%250D%250A%250D%250A%2520%2520%2520%2520%25 20%2520%2520%2520%2520%2520%2520%2520%2520%25 20%2520%2520case%2520%2522colorselector-okbut ton%2522%253A%250D%250A%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520control%2520 %253D%2520new%2520qx.ui.form.Button(this.tr(% 2522OK%2522))%253B%250D%250A%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520%2520control .addListener(%2522execute%2522%252C%2520this. _onColorSelectorOk%252C%2520this)%253B%250D%2 50A%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520break%253B%250D%250A%250D%250A%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520case%2520%25 22colorselector-cancelbutton%2522%253A%250D%2 50A%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520%2520%2520%2520%2520%2520%2520%2 520%2520%2520control%2520%253D%2520new%2520qx .ui.form.Button(this.tr(%2522Cancel%2522))%25 3B%250D%250A%2520%2520%2520%2520%2520%2520%25 20%2520%2520%2520%2520%2520%2520%2520%2520%25 20%2520%2520%2520%2520control.addListener(%25 22execute%2522%252C%2520this._onColorSelector Cancel%252C%2520this)%253B%250D%250A%2520%252 0%2520%2520%2520%2520%2520%2520%2520%2520%252 0%2520%2520%2520%2520%2520%2520%2520%2520%252 0break%253B%250D%250A%2520%2520%2520%2520%252 0%2520%2520%2520%2520%2520%2520%2520%257D%250 D%250A%250D%250A%2520%2520%2520%2520%2520%252 0%2520%2520%2520%2520%2520%2520return%2520con trol%2520%257C%257C%2520this.base(arguments%2 52C%2520id)%253B%250D%250A%2520%2520%2520%252 0%2520%2520%2520%2520%257D%250D%250A%2520%252 0%2520%2520%257D%250D%250A%257D)%253B%250D%25 0A%250D%250A%250D%250Avar%2520test%2520%253D% 2520new%2520demobrowser.test()%253B%250D%250A test.show()%253B%250D%250A%22%2C%20%22mode%22 %3A%22ria%22%7D* *Jonathan Wolfe** | Senior Meteorologist* * Charleston, WV * *National Weather Service 304-746-0190 <304-746-0190>* * preview.weather.gov/edd <http://preview.weather.gov/edd>* On Fri, Jan 1, 2016 at 3:58 PM, Jonathan Wolfe <jonathan.wo...@noaa.gov> wrote: > Even better here is a playground example: > http://tinyurl.com/nrea2n2 > > > > > On Fri, Jan 1, 2016 at 2:08 PM, Jonathan Wolfe <jonathan.wo...@noaa.gov> > wrote: > >> Hi, >> >> I am trying to implement just the ColorSelector window which appears >> after selecting the "Open ColorSelector" button in the >> qx.ui.control.ColorPopup. So, I thought I would extend the ColorPopup class >> and just override the _createChildControlImpl function so that the >> ColorSelector appears automatically; however when I do this, I am getting >> this error: >> >> 023800 Assertion error! Failed to add event listener for type 'mousedown' >> to the target 'qx.ui.core.Widget': Invalid callback function: Expected >> value to be typeof function but found 'undefined'! >> >> Uncaught Failed to add event listener for type 'mousedown' to the target >> 'qx.ui.core.Widget': Invalid callback function: Exception while creating >> child control 'field#0' of widget edd.JQx.ColorSelector[9954-0]: Expected >> value to be typeof function but found 'undefined'! >> >> >> *Here is my code snippet:* >> >> qx.Class.define("edd.JQx.ColorSelector", >> { >> extend : qx.ui.control.ColorPopup, >> members : >> { >> >> // overridden >> _createChildControlImpl : function(id, hash) >> { >> this.base(arguments); >> var control; >> switch(id) >> { >> case "field": >> control = new qx.ui.core.Widget; >> control.addListener("mousedown", this._onFieldMouseDown, >> this); // <------------- Fails here >> >> >> >> I thought that the this._onFieldMouseDown would be brought along in the >> extension, but maybe this has something to do with two arguments being >> passed to the _createChildControlImpl function and I'm not capturing it >> properly? Any pointers would be greatly appreciated! Thanks and Happy New >> Year! >> >> Jonathan >> > >
------------------------------------------------------------------------------
_______________________________________________ qooxdoo-devel mailing list qooxdoo-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel