Solved: Splunk Dashboard - Single dropdown or input resize

verbal_666 · ‎05-19-2020

Taking a cue from this thread,

https://answers.splunk.com/answering/823859/view.html

The code

  <html>
    <style>
      .input-dropdown {
        min-width: XXXpx !important;
        width: XXXpx !important;
        max-width: XXXpx !important;
      }
      .splunk-dropdown .select2-container {
        min-width: XXXpx !important;
        width: XXXpx !important;
        max-width: XXXpx !important;
      }
    </style>
  </html>

Works fine.

But, now, how to take a single dropdown input, not all? Example a dropdown with id="single_dropdown"?

 <input type="dropdown" token="token_to_catch" id="single_dropdown">

I'd like to ask if and how it was possible to resize a single input object from the dashboard xml.

Thanks.

vnravikumar · ‎05-19-2020

Hi

Try with id in CSS

 <style>
       #single_dropdown .input-dropdown {

       }
      #single_dropdown .splunk-dropdown .select2-container {

       }
     </style>

View solution in original post

vnravikumar · ‎05-19-2020

Hi

Try with id in CSS

 <style>
       #single_dropdown .input-dropdown {

       }
      #single_dropdown .splunk-dropdown .select2-container {

       }
     </style>

verbal_666 · ‎05-19-2020

GREAT!!!
Perfectly working.
Many many thanks.

Splunk Dashboard - Single dropdown or input resize

Fall Into Learning with New Splunk Education Courses

Super Optimize your Splunk Stats Searches: Unlocking the Power of tstats, TERM, and ...

How Splunk Observability Cloud Prevented a Major Payment Crisis in Minutes

Are you a member of the Splunk Community?

Splunk Dashboard - Single dropdown or input resize

Fall Into Learning with New Splunk Education Courses

Super Optimize your Splunk Stats Searches: Unlocking the Power of tstats, TERM, and ...

How Splunk Observability Cloud Prevented a Major Payment Crisis in Minutes