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!

Splunk Mobile: Your Brand-New Home Screen

Meet Your New Mobile Hub  Hello Splunk Community!  Staying connected to your data—no matter where you are—is ...

Introducing Value Insights (Beta): Understand the Business Impact your organization ...

Real progress on your strategic priorities starts with knowing the business outcomes your teams are delivering ...

Enterprise Security (ES) Essentials 8.3 is Now GA — Smarter Detections, Faster ...

As of today, Enterprise Security (ES) Essentials 8.3 is now generally available, helping SOC teams simplify ...