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
Career Survey
First 500 qualified respondents will receive a $20 gift card! Tell us about your professional Splunk journey.
Get Updates on the Splunk Community!

Tech Talk Recap | Mastering Threat Hunting

Mastering Threat HuntingDive into the world of threat hunting, exploring the key differences between ...

Observability for AI Applications: Troubleshooting Latency

If you’re working with proprietary company data, you’re probably going to have a locally hosted LLM or many ...

Splunk AI Assistant for SPL vs. ChatGPT: Which One is Better?

In the age of AI, every tool promises to make our lives easier. From summarizing content to writing code, ...