Solved: How to resize the dropdown

vivek_manoj · ‎03-31-2017

In this I want to change the height and width of dropdown. As I am not able to fit 5 to 6 dropdown in one line.

rjthibod · ‎03-31-2017

You can use CSS directly in your SimpleXML. Add the following to your XML just above the </form> or </dashboard>

  <row depends="$noshow$">
    <html>
      <style>
        .input-dropdown {
          min-width: 120px !important;
          width: 120px !important;
          max-width: 120px !important;
        }
        .splunk-dropdown .select2-container {
          min-width: 120px !important;
          width: 120px !important;
          max-width: 120px !important;
        }
      </style>
    </html>
  </row>

View solution in original post

rjthibod · ‎03-31-2017

You can use CSS directly in your SimpleXML. Add the following to your XML just above the </form> or </dashboard>

  <row depends="$noshow$">
    <html>
      <style>
        .input-dropdown {
          min-width: 120px !important;
          width: 120px !important;
          max-width: 120px !important;
        }
        .splunk-dropdown .select2-container {
          min-width: 120px !important;
          width: 120px !important;
          max-width: 120px !important;
        }
      </style>
    </html>
  </row>

How to resize the dropdown

Automatic Discovery Part 1: What is Automatic Discovery in Splunk Observability Cloud ...

Real-Time Fraud Detection: How Splunk Dashboards Protect Financial Institutions

Splunk + ThousandEyes: Correlate frontend, app, and network data to troubleshoot ...

Are you a member of the Splunk Community?

How to resize the dropdown

Automatic Discovery Part 1: What is Automatic Discovery in Splunk Observability Cloud ...

Real-Time Fraud Detection: How Splunk Dashboards Protect Financial Institutions

Splunk + ThousandEyes: Correlate frontend, app, and network data to troubleshoot ...