In an XML dashboard, how do I hide filters on submit?

[matstap]

I have an XML dashboard. I want to hide the filters when the submit button is clicked and just show the results table. What javascript do I have to write to achieve this?

[azulgrana]

Create a new JS file under your APP static folder with the following code

require([
         "splunkjs/mvc/simplexml/ready!"
     ], function() {
         $('#submit .btn').attr('data-action','hide-filters');
         $('#submit .btn').attr('href','#');
});

and then add the file to your XML code

<form hideChrome="True" script="hide_filters_on_submit.js">

Let me know if this works!

Cheers

[niketn]

@azulgrana while this will work, the Hide Filters link becomes useless. So it can also be hidden in the above JS.

$('a.hide-global-filters').attr('style','visibility:hidden');

[azulgrana]

Hi @niketnilay

Thanks for double checking this new approach. I think the hide-on-submit is not meant to replace the "Show/Hide Filters" and would be convenient to still keep it in case you need to review the filter criteria or make changes to it.

[niketn]

Well I meant for the dashboards using the hide_filters_on_submit.js JS file, the hide filters option becomes irrelevant because same functionality is performed by Submit button as per the question.

[Vijeta]

You can refer below link and set the tokens in your submit event-
https://answers.splunk.com/answers/615025/get-a-token-when-clicking-on-hide-filters-on-a-das.html