How to add flashing or blinking in Trellis View?

maryamchar · ‎03-29-2022

I have a single value trellis view where it shows the status of items up (Green) and down (Red). When the status is down (Red), i would like to get the trellis view to flash or blink. I added the html code below to my trellis view, however all statues green/red are flashing now. I would like the statuses or red items to flash only. Please let me know if there is a way to achieve this in Splunk dashboard. Thank You!

    <panel depends="$alwaysHideCSSPanel$">
      <html>
        <style>
          @keyframes blink {
            100%,
            0% {
              opacity: 0.6;
            }
            60% {
              opacity: 0.9;
            } 
          }
          #singlevalue rect {
            animation: blink 0.8s infinite;
          }
        </style>
      </html>

ITWhisperer · ‎03-30-2022

Try using a different panel id other than singlevalue as this is used by the dashboard code

    <panel depends="$alwaysHideCSSPanel$">
      <html>
        <style>
          @keyframes blink {
            100%,
            0% {
              opacity: 0.6;
            }
            60% {
              opacity: 0.9;
            } 
          }
          #anythingotherthansinglevalue rect {
            animation: blink 0.8s infinite;
          }
        </style>
      </html>

maryamchar · ‎03-30-2022

The issue is not the single id that was used in the dashboard. The code i have does work, however it flashes when the status of an item is green and when it's red. I want it to flash when it's red only. Please let me know if it's possible?

How to add flashing or blinking in Trellis View?

single value

trellis layout

Unlock Database Monitoring with Splunk Observability Cloud

Purpose in Action: How Splunk Is Helping Power an Inclusive Future for All

[Upcoming Webinar] Demo Day: Transforming IT Operations with Splunk

Join the Conversation

How to add flashing or blinking in Trellis View?

single value

trellis layout

Unlock Database Monitoring with Splunk Observability Cloud

Purpose in Action: How Splunk Is Helping Power an Inclusive Future for All

[Upcoming Webinar] Demo Day: Transforming IT Operations with Splunk