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
- :
- Align link type input in simple XML
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
support0
Path Finder
01-21-2018
12:03 PM
Hello there,
Is it somehow possible to align input type links on the same line in simple xml ?
For instance, in this screenshot :
I am trying, on the right panel, to put "Down", "Unchecked", "Checking" & "UP" links on the same line.
I have seen some css around, but cannot make it work for now.
Any idea ?
Thanks in advance,
1 Solution
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
mayurr98
Super Champion
01-21-2018
11:40 PM
hey you can try something like this
<form>
<label>Prueba</label>
<fieldset submitButton="false"></fieldset>
<row>
<html>
<style>
.input-link {
min-width: 500px !important;
width: 500px !important;
max-width: 500px !important;
}
</style>
</html>
</row>
<row>
<panel>
<single>
<search>
<query>bar|stats count</query>
</search>
<drilldown>
<eval token="form.linkinput">"link2"</eval>
<unset token="form.pools_down"></unset>
</drilldown>
</single>
</panel>
<panel>
<input type="link" token="linkinput">
<label>$linkinput$</label>
<choice value="link1">Down</choice>
<choice value="link2">Up</choice>
<choice value="link3">Unchecked</choice>
<choice value="link4">checked</choice>
<default>link1</default>
<change>
<condition value="link1">
<set token="form.pools_down">index=_internal | stats count</set>
<unset token="form.pools_up"></unset>
</condition>
<condition value="link2">
<set token="form.pools_up">index=_internal | stats count</set>
<unset token="form.pools_down"></unset>
</condition>
<condition value="link3">
<set token="form.pools_unchecked">index=_internal | stats count</set>
<unset token="form.pools_down"></unset>
</condition>
<condition value="link4">
<set token="form.pools_checked">index=_internal | stats count</set>
<unset token="form.pools_down"></unset>
</condition>
</change>
</input>
<table depends="$form.pools_down$">
<search>
<query>$form.pools_down$</query>
</search>
</table>
<table depends="$form.pools_up$">
<search>
<query>$form.pools_up$</query>
</search>
</table>
<table depends="$form.pools_unchecked$">
<search>
<query>$form.pools_unchecked$</query>
</search>
</table>
<table depends="$form.pools_checked$">
<search>
<query>$form.pools_checked$</query>
</search>
</table>
</panel>
<row>
<html>
<style>
.input-dropdown {
min-width: 120px !important;
width: 120px !important;
max-width: 120px !important;
}
.splunk-dropdown .select2-container {
min-width: 120px !important;
width: 120px !important;
max-width: 120px !important;
}
.input-text {
min-width: 130px !important;
width: 130px !important;
max-width: 130px !important;
}
.input-text > input[type="text"] {
min-width: 120px !important;
width: 120px !important;
max-width: 120px !important;
}
</style>
</html>
</row>
</row>
</form>
you can set width using inline css
<row>
<html>
<style>
.input-link {
min-width: 500px !important;
width: 500px !important;
max-width: 500px !important;
}
</style>
</html>
</row>
using this you can increase the input link type width
let me know if this helps!
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
mayurr98
Super Champion
01-21-2018
11:40 PM
hey you can try something like this
<form>
<label>Prueba</label>
<fieldset submitButton="false"></fieldset>
<row>
<html>
<style>
.input-link {
min-width: 500px !important;
width: 500px !important;
max-width: 500px !important;
}
</style>
</html>
</row>
<row>
<panel>
<single>
<search>
<query>bar|stats count</query>
</search>
<drilldown>
<eval token="form.linkinput">"link2"</eval>
<unset token="form.pools_down"></unset>
</drilldown>
</single>
</panel>
<panel>
<input type="link" token="linkinput">
<label>$linkinput$</label>
<choice value="link1">Down</choice>
<choice value="link2">Up</choice>
<choice value="link3">Unchecked</choice>
<choice value="link4">checked</choice>
<default>link1</default>
<change>
<condition value="link1">
<set token="form.pools_down">index=_internal | stats count</set>
<unset token="form.pools_up"></unset>
</condition>
<condition value="link2">
<set token="form.pools_up">index=_internal | stats count</set>
<unset token="form.pools_down"></unset>
</condition>
<condition value="link3">
<set token="form.pools_unchecked">index=_internal | stats count</set>
<unset token="form.pools_down"></unset>
</condition>
<condition value="link4">
<set token="form.pools_checked">index=_internal | stats count</set>
<unset token="form.pools_down"></unset>
</condition>
</change>
</input>
<table depends="$form.pools_down$">
<search>
<query>$form.pools_down$</query>
</search>
</table>
<table depends="$form.pools_up$">
<search>
<query>$form.pools_up$</query>
</search>
</table>
<table depends="$form.pools_unchecked$">
<search>
<query>$form.pools_unchecked$</query>
</search>
</table>
<table depends="$form.pools_checked$">
<search>
<query>$form.pools_checked$</query>
</search>
</table>
</panel>
<row>
<html>
<style>
.input-dropdown {
min-width: 120px !important;
width: 120px !important;
max-width: 120px !important;
}
.splunk-dropdown .select2-container {
min-width: 120px !important;
width: 120px !important;
max-width: 120px !important;
}
.input-text {
min-width: 130px !important;
width: 130px !important;
max-width: 130px !important;
}
.input-text > input[type="text"] {
min-width: 120px !important;
width: 120px !important;
max-width: 120px !important;
}
</style>
</html>
</row>
</row>
</form>
you can set width using inline css
<row>
<html>
<style>
.input-link {
min-width: 500px !important;
width: 500px !important;
max-width: 500px !important;
}
</style>
</html>
</row>
using this you can increase the input link type width
let me know if this helps!
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
support0
Path Finder
01-22-2018
01:44 AM
Works like a charm! Thanks a lot!
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
mayurr98
Super Champion
01-21-2018
10:59 PM
can you provide XML? for the right panel
Get Updates on the Splunk Community!
Your Guide to Splunk Digital Experience Monitoring
A flawless digital experience isn't just an advantage, it's key to customer loyalty and business success. But ...
Data Management Digest – November 2025
Welcome to the inaugural edition of Data Management Digest!
As your trusted partner in data innovation, the ...
Upcoming Webinar: Unmasking Insider Threats with Slunk Enterprise Security’s UEBA
Join us on Wed, Dec 10. at 10AM PST / 1PM EST for a live webinar and demo with Splunk experts! Discover how ...
