Dashboards & Visualizations

Link Switcher Width

mwdbhyat
Builder

Hi there,

How does one change the width of an input on a form? I want to edit the default size to display my text labels for the link switcher tabs correctly.

Thanks

1 Solution

mwdbhyat
Builder

Sure did.. I edited the xml to look like this:

Security Continuous Monitoring - High Level Metrics

<input type="link" token="unused" id="resized_input" searchWhenChanged="true">

"form stylesheet" references the application.css which has this at the bottom of it:

#resized_input {
 width: 250px;
}

That should do the trick..

View solution in original post

mwdbhyat
Builder

Sure did.. I edited the xml to look like this:

Security Continuous Monitoring - High Level Metrics

<input type="link" token="unused" id="resized_input" searchWhenChanged="true">

"form stylesheet" references the application.css which has this at the bottom of it:

#resized_input {
 width: 250px;
}

That should do the trick..

shandr
Path Finder

Yep works.

Set your id=

<input type="link" token="unused" id="resized_input" searchWhenChanged="true">


Then style it

<row depends="$HIDE_ALWAYS$">
<panel>
<title>Hidden panel for a horizontal linked list</title>
<html>
<style>
#resized_input {
width: 350px;
}
</style>
</html>
</panel>
</row>

 

0 Karma

pradeepkumarg
Influencer

Thank you..

0 Karma

pradeepkumarg
Influencer

Did you get a solution for this?

0 Karma

Raghav2384
Motivator

Hey @mwdbhyat,

Can you post the xml? have you tried to edit the padding?

.btn-pill { padding: 0 45px;} ? From what i can tell, they auto adjust.

Hope this helps!

Thanks,
Raghav

0 Karma
Get Updates on the Splunk Community!

Community Content Calendar, November Edition

Welcome to the November edition of our Community Spotlight! Each month, we dive into the Splunk Community to ...

October Community Champions: A Shoutout to Our Contributors!

As October comes to a close, we want to take a moment to celebrate the people who make the Splunk Community ...

Stay Connected: Your Guide to November Tech Talks, Office Hours, and Webinars!

What are Community Office Hours? Community Office Hours is an interactive 60-minute Zoom series where ...