Splunk Enterprise

Set token for each box in a grid

prettysunshinez
Explorer

Hi,
I'm trying to bring a grid layout with multiple columns with nested rows in them.
I was able to achieve it through HTML with inline style.
Below is the one that I've been trying with.

Now i would like to set a token to each box in the grid,so that when i click a box it should drilldown to a new search page .And each box a has different query.

<dashboard>
 <row>
<panel>
<html>
        <style>
            .grid-container {
                display: grid;
                grid-template-columns: auto auto auto auto auto;
                grid-gap: 10px 40px;
            }
           
            .item1 {
                display: grid;
                grid-template-columns: subgrid;
                grid-gap: 10px;
            }
           
            .item1 > div {
                background-color: #F8F8FF;
                text-align: top;
                width: 150px;
            }
   
            .grid-container > div {
                background-color: #228B22;
                padding: 20px 20px;
                font-size: 30px;
                border-radius: 25px;
            }
        </style>
        <h1 style="font-size:40px;text-align:justify;">ABC</h1>
        <div class="grid-container">
            <div class="item1">
                <h5 style="text-align:center;"> ABCDE </h5>
                <div class="acc" style="background-color:$app1color$">One</div>
                <div class="add" style="background-color:$app2color$">Two</div>
        </div>
</div>
    </html>
             <search>
    <query> query to evaluate status which outputs color
     |fields status
    </query>
                  <earliest>$earliest$</earliest>
                  <latest>$latest$</latest>
                  <progress>
                    <set token="color1">$result.status$</set>
                  </progress>
              </search>
              <search>
                  <query>query to evaluate status which outputs color
     |fields status</query>
                  <earliest>$earliest$</earliest>
                  <latest>$latest$</latest>
                  <progress>
                    <set token="color2">$result.status$</set>
                  </progress>
              </search>
    </panel>
    </row>
    </dashboard>

Labels (1)
0 Karma

prettysunshinez
Explorer

Hi..

Any suggestions pls

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