Query Builder Add-on

Query Builder Add-on

Please install MaxiCharts Query Builder add-on in order to filter Gravity Forms entries real-time via the excellent jQuery Query Builder widget.

Online Demo

You can try right now the filter plugin online. As it depends on user form submissions, not all filters will show something, which is right, because, if no data exists for current filter condition, nothing should be displayed. You can add your own submission to test everything works correctly.
For example, you can try the following simple filters with only one rule:

  • Simple Line (ID:1) = test

then try

  • Simple Line (ID:1) = wordpress

[gfchartsreports gf_form_id="1" include="3" type="horizontalBar" color_set="blue" height="400px" tooltip_style="BOTH" position="center" filter="1"/]

Submit new data

  • Please enter a number from 0 to 10.

About The Author

Comments (3)

  • June

    Hi, why am I not able to see all my form fields in the filter? I have 16 fields but only 8 fields are visible. I have tried console the page and found the following error:

    JQMIGRATE: Migrate is installed, version 1.4.1
    maxicharts-querybuilder.js?ver=4.9.8:2 Maxicharts query builder
    maxicharts-querybuilder.js?ver=4.9.8:101 0: maxicharts_builder_id5bff7209536ae9pie
    maxicharts-querybuilder.js?ver=4.9.8:102 a.fn.init(1)
    maxicharts-querybuilder.js?ver=4.9.8:278 initialize
    maxicharts-querybuilder.js?ver=4.9.8:279 a.fn.init(1)
    maxicharts-querybuilder.js?ver=4.9.8:184 a.fn.init(1)
    maxicharts-querybuilder.js?ver=4.9.8:186 a.fn.init(0)
    maxicharts-querybuilder.js?ver=4.9.8:188 initializeWidget formID
    maxicharts-querybuilder.js?ver=4.9.8:189 gf changed undefined
    sweetalert.min.js:1 SweetAlert warning: “type” option has been deprecated. Please use “icon” instead. More details: https://sweetalert.js.org/docs/#icon
    e.logDeprecation @ sweetalert.min.js:1
    sweetalert.min.js:1 SweetAlert warning: “showCancelButton” option has been deprecated. Please use “buttons” instead. More details: https://sweetalert.js.org/docs/#buttons
    e.logDeprecation @ sweetalert.min.js:1
    functions.js:13 id5bff7209536ae9pie => [object Object]
    functions.js:16 pie
    functions.js:52 pie
    functions.js:13 id5bff7209579036pie => [object Object]
    functions.js:16 pie
    functions.js:52 pie
    functions.js:13 id5bff72095b27d27pie => [object Object]
    functions.js:16 pie
    functions.js:52 pie
    functions.js:13 id5bff72095efdb10pie => [object Object]
    functions.js:16 pie
    functions.js:52 pie
    functions.js:13 id5bff720962a7328pie => [object Object]
    functions.js:16 pie
    functions.js:52 pie
    maxicharts-querybuilder.js?ver=4.9.8:209 Object
    maxicharts-querybuilder.js?ver=4.9.8:250 Array(15)
    sweetalert.min.js:1 SweetAlert warning: “type” option has been deprecated. Please use “icon” instead. More details: https://sweetalert.js.org/docs/#icon
    e.logDeprecation @ sweetalert.min.js:1

    Could you please help me ? Thank you.

    • MaxiCharts

      Can you please send us a screen capture using our contact form, showing the fields drop down, as well as the console output ? Please add also the maxicharts log file located inside maxicharts/logs/ folder.

Leave Comment