Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Dashboards & Visualizations
×
Join the Conversation
Without signing in, you're just watching from the sidelines. Sign in or Register to connect, share, and be part of the Splunk Community.
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- How to align Submit Button with other Inputs?
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
ManyQuestions
Engager
09-12-2023
10:28 AM
So I'm working to implement a clear buttons filter on a simple XML dashboard. I'm unable to do any custom java script so I've been doing all of it within the XML. I have the functionally I'm looking for utilizing a link list input with condition changes to unset the tokens to the default but having issues with my submit button lining back up. No matter what I seem to do I can't get the submit button to come in line with the Clear Filters "button".
If anyone could help me with getting the Submit button in line with my link list input that would be grealtly appreciated. I've have some instance agnostic XML code below so you can see what I'm talking about.
Thanks!
<form theme="dark">
<label>Clear Filters</label>
<fieldset submitButton="true">
<input type="multiselect" token="Choice">
<label>Choices</label>
<choice value="*">All</choice>
<choice value="Choice 1">Choice 1</choice>
<choice value="Choice 2">Choice 2</choice>
<choice value="Choice 3">Choice 3</choice>
<default>*</default>
<initialValue>*</initialValue>
</input>
<input type="link" token="Clearer" searchWhenChanged="true" id="list">
<label></label>
<choice value="Clear">Clear Filters</choice>
<change>
<condition value="Clear">
<unset token="form.Choice"></unset>
<unset token="form.Clearer"></unset>
</condition>
</change>
</input>
<html>
<style>
#list button{
color: white;
background: green;
width:50%;
display: inline-block;
}
</style>
</html>
</fieldset>
<row>
<panel>
<single>
<search>
<query>| makeresults
| eval Message="Thanks for the help!"
| table Message</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
<option name="drilldown">none</option>
</single>
</panel>
</row>
</form>
1 Solution
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
ManyQuestions
Engager
09-14-2023
10:37 AM
Found the solution the HTML styling for the link list input being placed in the fieldset is what caused the submit button to move down. Moving the styling into a random search panel allowed the submit button to line back up.
<form theme="dark">
<label>Clear Filters</label>
<fieldset submitButton="true">
<input type="multiselect" token="Choice">
<label>Choices</label>
<choice value="*">All</choice>
<choice value="Choice 1">Choice 1</choice>
<choice value="Choice 2">Choice 2</choice>
<choice value="Choice 3">Choice 3</choice>
<default>*</default>
<initialValue>*</initialValue>
</input>
<input type="link" token="Clearer" searchWhenChanged="true" id="list">
<label></label>
<choice value="Clear">Clear Filters</choice>
<change>
<condition value="Clear">
<unset token="form.Choice"></unset>
<unset token="form.Clearer"></unset>
</condition>
</change>
</input>
</fieldset>
<row>
<panel>
<single>
<search>
<query>| makeresults
| eval Message="Thanks for the help!"
| table Message</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
<option name="drilldown">none</option>
</single>
<html>
<style>
#list button{
color: white;
background: green;
width:100%;
width: 130px !important;
display: inline-block;
}
</style>
</html>
</panel>
</row>
</form>- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
ManyQuestions
Engager
09-14-2023
10:37 AM
Found the solution the HTML styling for the link list input being placed in the fieldset is what caused the submit button to move down. Moving the styling into a random search panel allowed the submit button to line back up.
<form theme="dark">
<label>Clear Filters</label>
<fieldset submitButton="true">
<input type="multiselect" token="Choice">
<label>Choices</label>
<choice value="*">All</choice>
<choice value="Choice 1">Choice 1</choice>
<choice value="Choice 2">Choice 2</choice>
<choice value="Choice 3">Choice 3</choice>
<default>*</default>
<initialValue>*</initialValue>
</input>
<input type="link" token="Clearer" searchWhenChanged="true" id="list">
<label></label>
<choice value="Clear">Clear Filters</choice>
<change>
<condition value="Clear">
<unset token="form.Choice"></unset>
<unset token="form.Clearer"></unset>
</condition>
</change>
</input>
</fieldset>
<row>
<panel>
<single>
<search>
<query>| makeresults
| eval Message="Thanks for the help!"
| table Message</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
<option name="drilldown">none</option>
</single>
<html>
<style>
#list button{
color: white;
background: green;
width:100%;
width: 130px !important;
display: inline-block;
}
</style>
</html>
</panel>
</row>
</form>
Get Updates on the Splunk Community!
[Puzzles] Solve, Learn, Repeat: Dynamic formatting from XML events
This challenge was first posted on Slack #puzzles channelFor a previous puzzle, I needed a set of fixed-length ...
Enter the Agentic Era with Splunk AI Assistant for SPL 1.4
🚀 Your data just got a serious AI upgrade — are you ready?
Say hello to the Agentic Era with the ...
Stronger Security with Federated Search for S3, GCP SQL & Australian Threat ...
Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...
