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"/]
Comments (3)
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.
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.