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!

Index This | I am a number, but when you add ‘G’ to me, I go away. What number am I?

March 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with another ...

What’s New in Splunk App for PCI Compliance 5.3.1?

The Splunk App for PCI Compliance allows customers to extend the power of their existing Splunk solution with ...

Extending Observability Content to Splunk Cloud

Register to join us !   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to ...