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!

.conf25 Community Recap

Hello Splunkers, And just like that, .conf25 is in the books! What an incredible few days — full of learning, ...

Splunk App Developers | .conf25 Recap & What’s Next

If you stopped by the Builder Bar at .conf25 this year, thank you! The retro tech beer garden vibes were ...

Congratulations to the 2025-2026 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...