Solved: Re: Splunk Dashboard - Single dropdown or input re...

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

Why You Can't Miss .conf25: Unleashing the Power of Agentic AI with Splunk & Cisco

Deep Dive into Federated Analytics: Unlocking the Full Power of Your Security Data

Your summer travels continue with new course releases

Are you a member of the Splunk Community?

Splunk Dashboard - Single dropdown or input resize

Why You Can't Miss .conf25: Unleashing the Power of Agentic AI with Splunk & Cisco

Deep Dive into Federated Analytics: Unlocking the Full Power of Your Security Data

Your summer travels continue with new course releases