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!

Extending Observability Content to Splunk Cloud

Watch Now!   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to leverage ...

More Control Over Your Monitoring Costs with Archived Metrics!

What if there was a way you could keep all the metrics data you need while saving on storage costs?This is now ...

New in Observability Cloud - Explicit Bucket Histograms

Splunk introduces native support for histograms as a metric data type within Observability Cloud with Explicit ...