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!

Announcing Scheduled Export GA for Dashboard Studio

We're excited to announce the general availability of Scheduled Export for Dashboard Studio. Starting in ...

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 ...