How to make a drop-down form wider?

[johnraftery]

Hi,

I have a very simple UI question 🙂

The default width of drop-down boxes is too short to display enough information in my use case. Can it be extended?

Thanks,
John

[somesoni2]

Have a look at these

https://answers.splunk.com/answers/114078/splunk-6-dropdown-menu-decrease-width.html
https://answers.splunk.com/answers/295879/how-can-i-extend-the-width-of-my-drop-down-box-in.html
https://answers.splunk.com/answers/298868/can-i-expand-the-length-of-a-drop-down-input-field.html

[Yunagi]

https://answers.splunk.com/answers/114078/splunk-6-dropdown-menu-decrease-width.html worked for me.

[johnraftery]

I tried the CSS solution described here;
https://answers.splunk.com/answers/295879/how-can-i-extend-the-width-of-my-drop-down-box-in.html

But instead of making the inputbox wider, it shifted the rest of the row further to the right giving 500px of space. Is this the correct CSS?
#resized_input {
width: 500px;
}

[markthompson]

Hi there - that CSS is fine given that you have applied the ID to the tag. If you have it anywhere else, then it would push it.

[johnraftery]

I've applied the ID like this:

      <input type="dropdown" token="tps_logger_method" searchWhenChanged="true" id="resized_input">
        <label>Select a logger name</label>
        <search>
          <query>eventtype=mlc2 sourcetype=tps host=$host_token$ | table name | dedup name | sort name</query>
          <earliest>$time_token.earliest$</earliest>
          <latest>$time_token.latest$</latest>
        </search>
        <fieldForLabel>name</fieldForLabel>
        <fieldForValue>name</fieldForValue>
        <default>murex.limits.engine.stream.histo.TPSHistoCounter</default>
      </input>

And the stylesheet is referenced in the form tag like this:

<form script="table_cell_highlighting.js,simple_xml_examples:tokenlinks.js" stylesheet="table_cell_highlighting.css,single_decorations.css">

But it's still not working I'm afraid.

[johnraftery]

Do I need to restart splunk after updating the CSS?

[johnraftery]

Thanks. I've had a look at these and they are probably what I need, but I don't understand how to convert the dashboard to HTML and then override the CSS. What exactly do I need to do?