Dashboards & Visualizations

Access token value from a textbox in html dashboard

komalg
New Member

Hello,

I am trying to access the value of a text input box in an html dashboard to pass to the saved search being called when submit button is pressed.
I am unable to get the value so far. Can someone pls tell me what I am missing?

Thanks,
Komal


    <div id="panel2" class="dashboard-cell" style="width: 100%;">
        <div class="dashboard-panel clearfix">
            <div class="fieldset">
                <div class="input input-text" id="text1">
        <label> </label>
    </div>
            </div>

….

Form Inputs section of the dashbaord

//
// VIEWS: FORM INPUTS
//

    var text1 = new TextInput({
        "id": "text1",
        "searchWhenChanged": true,
        "value": "$appname_tok$",
        "el": $('#text1')
    }, {tokens: true}).render();

In my saved search I am saying ….$appname_tok$ but it does not pick up the value entered.
I have referenced this document already.
http://dev.splunk.com/view/webframework-codeexamples/SP-CAAAE5V
Any pointers?

Thanks a lot.

Tags (1)
0 Karma

niketn
Legend

@komalg any reason for converting dashboard to html? If you want to pass selected textbox input value to your search on click of submit button this can be done directly using Simple XML Dashboard. So kindly explain the need for html dashboard. Following is a run anywhere example.

<form>
  <label>Text Box to Saved Search</label>
  <fieldset submitButton="true">
    <input type="text" token="appname_tok">
      <label>text1</label>
    </input>
  </fieldset>
  <row>
    <panel>
      <table>
        <search>
          <query>
            | makeresults
            | fields - _time
            | eval SelectedText="$appname_tok$"
          </query>
        </search>
      </table>
    </panel>
  </row>
</form>
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

DavidHourani
Super Champion

Try without the quotes... "value": $appname_tok$ are the results the same ? Also try to see what's in the token, make an html panel and display it to make sure it's populating properly.

0 Karma
Get Updates on the Splunk Community!

Splunk Observability Cloud’s AI Assistant in Action Series: Analyzing and ...

This is the second post in our Splunk Observability Cloud’s AI Assistant in Action series, in which we look at ...

Elevate Your Organization with Splunk’s Next Platform Evolution

 Thursday, July 10, 2025  |  11AM PDT / 2PM EDT Whether you're managing complex deployments or looking to ...

Splunk Answers Content Calendar, June Edition

Get ready for this week’s post dedicated to Splunk Dashboards! We're celebrating the power of community by ...