Dashboards & Visualizations

Setting different token value depending on token value

light_of_sirius
Explorer

Hello,

i am trying to set the color of writing depending on the user input, i.e., he inputs two numbers and if number 1 is larger than number 2 then the writing is green.

This problem is related to my actual problem and supposed to simplify the setting.

Feel free to point out any rudimentary/logical problems in the code, i am new to html/xml and find everything quite confusing and (weirdly?) complicated.

Thank you 🙂

 

 

 

<form>
  <label>condition</label>
  <init>
    <unset token="dif"></unset>
  </init>
  <fieldset submitButton="false">
    <input type="text" token="field1">
      <label>field1</label>
    </input>
    <input type="text" token="field2">
      <label>field2</label>
    </input>
  </fieldset>
  <row>
    <panel>
      <single>
        <search>
          <query>
            index = _internal
            |eval dif = $field1$-$field2$
            |table dif
          </query>
          <done>
            <condition match="$result.dif$>0">
              <set token="color1">"green"</set>
            </condition>
            <condition match="$result.dif$<0">
              <set token="color1">"red"</set>
            </condition>
          </done>
        </search>
      </single>
    </panel>
  </row>
  <row>
    <panel>
      <html>
        <body>
          <div>
            <p color="$color1$">Number 1 is larger than number 2!</p>
          </div>
        </body>
      </html>
    </panel>
  </row>
</form>

 

 

 

 

 

Labels (2)
0 Karma
1 Solution

renjith_nair
Legend

Try

 

<form>
  <label>condition</label>
  <init>
    <unset token="dif"></unset>
  </init>
  <fieldset submitButton="false">
    <input type="text" token="field1">
      <label>field1</label>
    </input>
    <input type="text" token="field2">
      <label>field2</label>
    </input>
  </fieldset>
  <row>
    <panel>
      <single>
        <search>
          <query>
            |makeresults
            |eval dif = $field1$-$field2$
            |table dif
          </query>
          <done>
            <condition match="$result.dif$ &gt; 0">
              <set token="color1">#dc4e41</set>
              <set token="status">greater than</set>
            </condition>
            <condition match="$result.dif$ &lt; 0">
              <set token="color1">#53a051</set>
              <set token="status">lesser than</set>
            </condition>
            <condition>
              <set token="color1">#0877a6</set>
              <set token="status">equal to</set>
            </condition>
          </done>
        </search>
      </single>
    </panel>
  </row>
  <row>
    <panel>
      <html>
        <body>
          <div>
            <p>
              <font color="$color1$">Number $field1$ is $status$ number $field2$ ! </font>
            </p>
          </div>
        </body>
      </html>
    </panel>
  </row>
</form>

 

 

Happy Splunking!

View solution in original post

light_of_sirius
Explorer

Thank you, it works. 

0 Karma

renjith_nair
Legend

Try

 

<form>
  <label>condition</label>
  <init>
    <unset token="dif"></unset>
  </init>
  <fieldset submitButton="false">
    <input type="text" token="field1">
      <label>field1</label>
    </input>
    <input type="text" token="field2">
      <label>field2</label>
    </input>
  </fieldset>
  <row>
    <panel>
      <single>
        <search>
          <query>
            |makeresults
            |eval dif = $field1$-$field2$
            |table dif
          </query>
          <done>
            <condition match="$result.dif$ &gt; 0">
              <set token="color1">#dc4e41</set>
              <set token="status">greater than</set>
            </condition>
            <condition match="$result.dif$ &lt; 0">
              <set token="color1">#53a051</set>
              <set token="status">lesser than</set>
            </condition>
            <condition>
              <set token="color1">#0877a6</set>
              <set token="status">equal to</set>
            </condition>
          </done>
        </search>
      </single>
    </panel>
  </row>
  <row>
    <panel>
      <html>
        <body>
          <div>
            <p>
              <font color="$color1$">Number $field1$ is $status$ number $field2$ ! </font>
            </p>
          </div>
        </body>
      </html>
    </panel>
  </row>
</form>

 

 

Happy Splunking!
Get Updates on the Splunk Community!

Announcing Scheduled Export GA for Dashboard Studio

We're excited to announce the general availability of Scheduled Export for Dashboard Studio. Starting in ...

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 GA in US-AWS!

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