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

Strengthen Your Future: A Look Back at Splunk 10 Innovations and .conf25 Highlights!

Now Offering the AI Assistant Usage Dashboard in Cloud Monitoring Console

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

Are you a member of the Splunk Community?

Splunk Dashboard - Single dropdown or input resize

Strengthen Your Future: A Look Back at Splunk 10 Innovations and .conf25 Highlights!

Now Offering the AI Assistant Usage Dashboard in Cloud Monitoring Console

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