qooxdoo / qxl.dialog

A qooxdoo package providing dialog widgets

Qooxdoo JavaScript Framework

qooxdoo is a universal JavaScript framework that enables you to create applications for a wide range of platforms. With its object-oriented programming model you build rich, interactive applications (RIAs), native-like apps for mobile devices, light-weight traditional web applications or even applications to run outside the browser.

You leverage its integrated tool chain to develop and deploy applications of any scale, while taking advantage of modern web technologies like HTML5 and CSS3, its comprehensive feature set and a state-of-the-art GUI toolkit. qooxdoo is open source under liberal licenses, led by a dedicated developer team, with a vibrant community.

For more information please see http://qooxdoo.org .

License

qooxdoo may be used under the terms of the MIT License.

Quick start

It is easy to get started with qooxdoo. For detailed information please see our Get Started Guide.

Documentation

• released version: https://qooxdoo.org/documentation/

API Ref

• released version: https://qooxdoo.org/qxl.apiviewer/

Development

If you develop with qooxdoo, you would normally use a stable NPM release, which, since v6.0.0, contains the compiler and the CLI called with with npx qx <command>.

In contrast, if you want to be hacking qooxdoo itself, please refer to our documentation.

Contributing

There are many ways you can contribute to qooxdoo, ranging from providing feedback, making translations, providing a custom library to full-blown patches to the code. Please check our web site for details. Mind that for every patch to the repository we require an open bug in our issue tracker, and that commits to the repository will fall under qooxdoo's license terms.

Qooxdoo source code is hosted on github/qooxdoo and we use the standard Issue Tracker and Pull Requests feature.

Community

Online chat is available via Gitter at https://gitter.im/qooxdoo/qooxdoo (or using one of the Gitter desktop or mobile clients) - the core team hang out there, as do other developers who use Qooxdoo.

Learn more

• Documentation

  • http://qooxdoo.org/documentation (latest stable)
  • http://qooxdoo.org/qooxdoo (current master)

• Online Demos http://qooxdoo.org/demos

• API Documentation http://qooxdoo.org/api

qxl.dialog's Issues

Loading dialog

I think there would be nice to have another dialog which shows infinite loading process like this:

Crash if Form is cancelled than re-entered

This may apply only to the demo program. It looks like something isn't cleaned up properly.

To reproduce:

• In the demo program (npx qx server and browse to localhost:8080), click on Form.
• Click on Cancel
• Click on Form again.

In the browser console, the crash shows up:

MObjectId.js:240 Uncaught Error: Cannot register an object with ID 'dialog' because that ID is already in use, this=qx.ui.form.Button[81-0], obj=qxl.dialog.Form[522-0]
    at wrapper.qx.core.Object.prototype.addOwnedQxObject() [as addOwnedQxObject] (MObjectId.js:240)
    at wrapper.qxl.dialog.demo.Application.prototype.createForm() [as createForm] (Application.js:349)
    at wrapper.<anonymous> (Application.js:160)
    at Direct.js:136
    at Function.qx.event.Utils.then() [as then] (Utils.js:143)
    at Direct.js:135
    at Array.qx.lang.normalize.Array.forEach() [as forEach] (Array.js:127)
    at wrapper.qx.event.dispatch.Direct.prototype.dispatchEvent() (Direct.js:120)
    at wrapper.wrappedFunction [as dispatchEvent] (Interface.js:537)
    at wrapper.qx.event.Manager.prototype.dispatchEvent() [as dispatchEvent] (Manager.js:975)
    at Registration.js:346
    at Function.qx.event.Utils.then() [as then] (Utils.js:143)
    at Object.qx.event.Registration.fireEvent() [as fireEvent] (Registration.js:345)
    at wrapper.qx.core.Object.prototype.fireEvent() [as fireEvent] (MEvent.js:182)
    at wrapper.qx.ui.control.DateChooser.prototype.execute() (MExecutable.js:117)
    at wrapper.wrappedFunction [as execute] (Interface.js:537)

Form does not respect Label Column Width

Setting property labelColumnWidth does not take effect. The reason is that only the maxWidth is set, not width, in this code in Form.js:453:

      let view = new qxl.dialog.FormRenderer(this._form);
      view.getLayout().setColumnFlex(0, 0);
      view.getLayout().setColumnMaxWidth(0, this.getLabelColumnWidth());

An additional line is needed:

      view.getLayout().setColumnWidth(0, this.getLabelColumnWidth());

which I have verified, not by changing this code here, but with a kludge in the application:

      form._formContainer.getChildren()[0]
        .getLayout()
        .setColumnWidth(0, form.getLabelColumnWidth());