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.
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- Re: 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
Got questions? Get answers!
Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!
Meet up IRL or virtually!
Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.
Get Updates on the Splunk Community!
SOK it to Me: Top 3 Benefits of Using Splunk Operator on Kubernetes that’ll Make ...
Thursday, July 9, 2026 | 11:00AM–12:00PM PDT
Duration: 1 hour (includes Q&A)
Managing can feel like a ...
Upgrade Prep for 10.4, Network Observability Deep Dives, and More from Splunk Lantern
Splunk Lantern is Splunk’s customer success center that provides practical guidance from Splunk experts on key ...
Splunk Developer Day announcements: AI agents, MCP tools, Forecasting, and Custom ...
Splunk Developer Day was packed with product and platform updates for developers building in the AI ...
