Dashboards & Visualizations
×
Are you a member of the Splunk Community?
Sign in or Register with your Splunk account to get your questions answered, access valuable resources and connect with experts!
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- Does anyone have a JavaScript sample to show/hide ...
Options
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark Topic
- Subscribe to Topic
- Mute Topic
- Printer Friendly Page
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Does anyone have a JavaScript sample to show/hide a drop-down upon selecting a value from another drop-down?
kkarthik2
Observer
06-22-2015
10:34 PM
Anyone have Javascript to show/hide a drop-down while selecting a value from another drop-down?
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
kevshah
Explorer
03-30-2016
10:20 AM
You can set and unset tokens to show/hide dropdowns. Here is an example.
<form>
<panel>
<title>Set sourcetype token</title>
<input type="dropdown" token="field1">
<label>Select Sourcetype</label>
<choice value="1">eml</choice>
<choice value="2">http_access_log</choice>
<choice value="3">jvm</choice>
<choice value="4">layer7</choice>
<choice value="5">waspmi</choice>
<change>
<!-- For the sourcetype field clicked: -->
<!-- Set token to display a chart -->
<!-- Unset token to display a table -->
<condition value="1">
<set token="sourcetype"></set>
<set token="show1">foo</set>
<unset token="show2"></unset>
<unset token="show3"></unset>
</condition>
<!-- For any other field clicked: -->
<!-- Set token to display a table -->
<!-- Unset token to display a chart -->
<condition value="2">
<set token="sourcetype"></set>
<set token="show2">foo</set>
<unset token="show1"></unset>
<unset token="show3"></unset>
</condition>
<condition value="3">
<set token="sourcetype"></set>
<set token="show3">foo</set>
<unset token="show2">foo</unset>
<unset token="show1"></unset>
</condition>
</change>
</input>
</panel>
<panel>
<input type="dropdown" token="field2" searchWhenChanged="true" depends="$show1$">
<label>Index</label>
<choice value="eml">eeml</choice>
<choice value="http">http</choice>
<choice value="layer7">layer7</choice>
</input>
<input type="dropdown" token="field4" searchWhenChanged="true" depends="$show2$">
<label>JVM Name</label>
<choice value="eml">eeml</choice>
<choice value="http">http</choice>
<choice value="layer7">layer7</choice>
</input>
<input type="dropdown" token="field4" searchWhenChanged="true" depends="$show3$">
<label>Host Name</label>
<choice value="eml">eeml</choice>
<choice value="http">http</choice>
<choice value="layer7">layer7</choice>
</input>
<html rejects="$show1$, $show2$, $show3$">
<h2>Details</h2>
<div style="padding: 50px; margin: 0 auto; width: 350px;">
<div class="alert alert-warning">
<i class="icon-alert"/>
Click on a row in the table on the left to show details.
</div>
</div>
</html>
</panel>
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
vganjare
Builder
06-26-2015
12:25 AM
Are you using simple xml dashboard?
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
kkarthik2
Observer
07-14-2015
02:33 AM
yes we are using XML
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 ...
