[Feedback & ideas] new default design

[mistic100]

I'm not really happy with the current whole design. It was quickly designed to fit in a Bootstrap 3 website but I think it becomes quickly hard to read.

I'm planning to create a new design, standalone if possible (no Bootstrap but still compatible for the plugins).

More space, more readable, etc.

Example : (This is from http://stackoverflow.com/questions/33535287/create-nested-conditions-with-drag-and-drop-in-jquery-angular-js)

[DHoffm]

Will bootstrap still be available as an option?

Most design issues we came by are based on the width. For example, at some point the rules will break to another line and the padding/margin are missing:

Just some thoughts, more space can be achieved with the following:

• use only icons for buttons and/or use dropdowns for rule, group, delete actions
• use signs instead of text for operators
• make rules and groups collapsible

[mistic100]

Another idea from notifuse.com homepage (open in fullscreen to see the real design)

I might be from their campaign builder, or just a nice image for the homepage

[ConstantinoSchillebeeckx]

Thoughts on condition selector https://github.com/mistic100/jQuery-QueryBuilder/issues/363

[am11]

Are there also any (far) future plans to have a non-jQuery version of this library; or probably by separating out the core implementation, then additional jQuery extension as a wrapper around that core (if sans-jQuery breaking change is not an option)?

Optionally, with Bable in the build pipeline for older UAs support, the latest greatest vanilla language features (classes/modules/whatnot) can also be used to improve expressibility of codebase IMO. :)

[mistic100]

Everything in this lib is based on jQuery, from the DOM listeners to the internal events and even the utilities. It would be a total rewrite, so no, it's not planned.

[Rapster]

Is this new design/ui could be compatible with jQuery UI themes?

EDIT: to complete the idea: https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap (you'be jQueryUI and Bootstrap compatible)

[mistic100]

No, it will be standalone.

[idangoldman]

@mistic100 Sounds great, let me know how can I help! :)

[mistic100]

from #739

[Akshay-Hegde]

Any updates on design, in fact query builder is awesome, wonderful app can be made with good backend scripting, but on small screen devices how best UI we can modify, probably something like modal which E-commerce apps and site use for filtering.