Getting Data In

Can I expand the length of a drop-down input field to display the whole string for values?

caulfiel005
Explorer

I have the situation where I'm using a lookup to populate a drop-down input, and in one of my dashboards, many of the values are long and start off the same. This leads to the issue that you can't always see what the actual value is you're picking. Is there a way to make the box larger to view the whole string? The size of the inputs boxes seems to be pretty static; at least I haven't found a way to adjust the size. Any help would be appreciated!

Tags (2)
0 Karma

jensonthottian
Contributor

Can adjust this using the width property for the DropdownInput object after converting your dashboard to HTML.

The WebFramework uses the jQuery-based Select2 Dropdown, which comes with its own set of CSS requirements.

.select2-container{min-width:200px;margin-bottom:8px;}

You could override this by setting the min-width for the container object after the Select2 objects have been loaded:

field2 .select2-container{ min-width: 800pxpx; }

Doing this will allow your drop downs to be 800px wide.

caulfiel005
Explorer

Thanks for the prompt response, and I like that idea; is there any way to do it without having to convert to html and losing the xml control? If not no problem I'll just save a copy and then if I need it back I can get it.

0 Karma

johnraftery
Communicator

Can anyone please explain how to convert the dashboard to HTML and then override the CSS?

0 Karma
Get Updates on the Splunk Community!

Demo Day: Strengthen Your SOC with Splunk Enterprise Security 8.1

Today’s threat landscape is more complex than ever. Security operation centers (SOCs) are overwhelmed with ...

Dashboards: Hiding charts while search is being executed and other uses for tokens

There are a couple of features of SimpleXML / Classic dashboards that can be used to enhance the user ...

Splunk Observability Cloud's AI Assistant in Action Series: Explaining Metrics and ...

This is the fourth post in the Splunk Observability Cloud’s AI Assistant in Action series that digs into how ...