Dashboards & Visualizations

How to blur/grey out the some particular panel based on the panel result ?

patra966
Path Finder

I want to grey out or blur of some panel based on the single value result.
If the single value result is '0' ,It should show in grey out or in blur (Not to hide) the panel.

Please help.
Thanks In Advance.

0 Karma
1 Solution

vnravikumar
Champion

Hi

Check this sample and let me know

<dashboard>
  <label>singlecolor</label>
  <row depends="$hide$">
    <html>
      <style>
       #$blur${
           -webkit-filter: blur(5px);
            background-color: #ccc;
        }
      </style>
    </html>
  </row>
  <row>
    <panel>
      <single id="rk">
        <search>
          <query>| makeresults 
| eval value=20
| table value |where value!=20</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
          <done>
            <condition match="'job.resultCount' ==0">
              <set token="blur">rk</set>
            </condition>
            <condition>
              <unset token="blur"></unset>
            </condition>
          </done>
        </search>
        <option name="drilldown">none</option>
      </single>
    </panel>
  </row>
</dashboard>

View solution in original post

vnravikumar
Champion

Hi

Check this sample and let me know

<dashboard>
  <label>singlecolor</label>
  <row depends="$hide$">
    <html>
      <style>
       #$blur${
           -webkit-filter: blur(5px);
            background-color: #ccc;
        }
      </style>
    </html>
  </row>
  <row>
    <panel>
      <single id="rk">
        <search>
          <query>| makeresults 
| eval value=20
| table value |where value!=20</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
          <done>
            <condition match="'job.resultCount' ==0">
              <set token="blur">rk</set>
            </condition>
            <condition>
              <unset token="blur"></unset>
            </condition>
          </done>
        </search>
        <option name="drilldown">none</option>
      </single>
    </panel>
  </row>
</dashboard>

patra966
Path Finder

Hi @vnravikumar ,

Thanks for the information.

If the result is : "No result found", then only it's working fine.

| makeresults
| eval value=0
| table value |where value!=20
But If the result is: "0", it's not working.

If single value is 0 then only, panel need to be blur.

0 Karma

vnravikumar
Champion

Hi

Check this,

<dashboard>
  <label>singlecolor</label>
  <row depends="$hide$">
    <html>
      <style>
       #$blur${
           -webkit-filter: blur(5px);
            background-color: #ccc;
        }
      </style>
    </html>
  </row>
  <row>
    <panel>
      <single id="rk">
        <search>
          <query>| makeresults 
| eval value=0
| table value</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
          <done>
            <condition match="'result.value' ==&quot;0&quot;">
              <set token="blur">rk</set>
            </condition>
            <condition>
              <unset token="blur"></unset>
            </condition>
          </done>
        </search>
        <option name="drilldown">none</option>
      </single>
    </panel>
  </row>
0 Karma

patra966
Path Finder

Hi @vnravikumar ,

Thanks. The above one is working fine as my expectation.

Thanks for your help.

0 Karma
Get Updates on the Splunk Community!

Extending Observability Content to Splunk Cloud

Watch Now!   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to leverage ...

More Control Over Your Monitoring Costs with Archived Metrics GA in US-AWS!

What if there was a way you could keep all the metrics data you need while saving on storage costs?This is now ...

New in Observability Cloud - Explicit Bucket Histograms

Splunk introduces native support for histograms as a metric data type within Observability Cloud with Explicit ...