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!

Introduction to Splunk Observability Cloud - Building a Resilient Hybrid Cloud

Introduction to Splunk Observability Cloud - Building a Resilient Hybrid Cloud  In today’s fast-paced digital ...

Observability protocols to know about

Observability protocols define the specifications or formats for collecting, encoding, transporting, and ...

Take Your Breath Away with Splunk Risk-Based Alerting (RBA)

WATCH NOW!The Splunk Guide to Risk-Based Alerting is here to empower your SOC like never before. Join Haylee ...