Basic

This demo shows the basic features of the QueryBuilder. Click one of the blue buttons to trigger the validation and display the output.

</> See source

Reset Set rules Get rules

Widgets

This demo shows how to integrate widgets into QueryBuilder rules. Widgets used are Bootstrap Datepicker, Bootstrap Slider and Selectize.
The filter Coordinates shows how to define a custom input (here two linked <select>) without using a plugin.

</> See source

Reset Set rules Get rules

Plugins

This demo uses all plugins with their default configuration.

</> See source

Reset Set rules Get rules

Import/Export

This demo shows how SQL and MongoDB import/export features are working.

</> See source

Reset

Set rules from SQL Set rules from MongoDB

SQL SQL statement (?) SQL statement (named) MongoDB