Dashboards & Visualizations

How to allow dashboard users to turn off auto-refresh?

brajaram
Communicator

I have a dashboard that looks at the last 15 minutes, and refreshes every 2 minutes.

<form refresh="120> in the dashboard code.

However, I want a way for viewers of the dashboard to be able to turn off the refresh if they desire. How do I add an input to toggle the auto-refresh?

Tags (2)
1 Solution

paramagurukarth
Builder

In refresh option splunk is not doing any data only refresh. They are doing simple page refresh.
You can achieve that functionality by using simple javascript.

<!-- Custom Refresh>
<form script="custom_refresh.js">
  <label>Test_Refresh</label>
  <row>
    <panel>
      <html>
        <input id="is_refresh_enabled" type="checkbox" checked="">Refresh</input>
      </html>
    </panel>
  </row>
  <row>
    <panel>
      <event>
        <search>
          <query>index="_internal" | head 10</query>
        </search>
        <option name="count">20</option>
        <option name="list.drilldown">none</option>
        <option name="list.wrap">1</option>
        <option name="maxLines">5</option>
        <option name="raw.drilldown">full</option>
        <option name="rowNumbers">0</option>
        <option name="table.drilldown">all</option>
        <option name="table.sortDirection">asc</option>
        <option name="table.wrap">1</option>
        <option name="type">list</option>
      </event>
    </panel>
  </row>
</form>

.

//custom_refresh.js
// Place this file inside /appserver/static/ folder of your application
require([
    "jquery",
    "splunkjs/mvc",
    "splunkjs/mvc/simplexml/ready!"
    ], function($, mvc){
    console.log("Test");
    setInterval(function(){
        if(document.getElementById("is_refresh_enabled").checked){
            window.location.reload();
        }         
    }, 10000);
});

Refer Javascript related tweaks here

View solution in original post

paramagurukarth
Builder

In refresh option splunk is not doing any data only refresh. They are doing simple page refresh.
You can achieve that functionality by using simple javascript.

<!-- Custom Refresh>
<form script="custom_refresh.js">
  <label>Test_Refresh</label>
  <row>
    <panel>
      <html>
        <input id="is_refresh_enabled" type="checkbox" checked="">Refresh</input>
      </html>
    </panel>
  </row>
  <row>
    <panel>
      <event>
        <search>
          <query>index="_internal" | head 10</query>
        </search>
        <option name="count">20</option>
        <option name="list.drilldown">none</option>
        <option name="list.wrap">1</option>
        <option name="maxLines">5</option>
        <option name="raw.drilldown">full</option>
        <option name="rowNumbers">0</option>
        <option name="table.drilldown">all</option>
        <option name="table.sortDirection">asc</option>
        <option name="table.wrap">1</option>
        <option name="type">list</option>
      </event>
    </panel>
  </row>
</form>

.

//custom_refresh.js
// Place this file inside /appserver/static/ folder of your application
require([
    "jquery",
    "splunkjs/mvc",
    "splunkjs/mvc/simplexml/ready!"
    ], function($, mvc){
    console.log("Test");
    setInterval(function(){
        if(document.getElementById("is_refresh_enabled").checked){
            window.location.reload();
        }         
    }, 10000);
});

Refer Javascript related tweaks here

nicolocervo
Engager

worked for me 👍

varun8159
Explorer

You would need some bit of Javascript code.

0 Karma

brajaram
Communicator

Any idea as to where I should begin to do that?

0 Karma

ddrillic
Ultra Champion

@brajaram, please keep in mind that this auto-refresh can apply a heavy load on the environment.

We spoke a bit about it at - Does a dashboard keep refreshing itself by default?

    <form refresh="0"> 

is my favorite.

0 Karma
Career Survey
First 500 qualified respondents will receive a $20 gift card! Tell us about your professional Splunk journey.
Get Updates on the Splunk Community!

Tech Talk Recap | Mastering Threat Hunting

Mastering Threat HuntingDive into the world of threat hunting, exploring the key differences between ...

Observability for AI Applications: Troubleshooting Latency

If you’re working with proprietary company data, you’re probably going to have a locally hosted LLM or many ...

Splunk AI Assistant for SPL vs. ChatGPT: Which One is Better?

In the age of AI, every tool promises to make our lives easier. From summarizing content to writing code, ...