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

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Observability Simplified: Combining User Experience, Application Performance & ...

Event Series May & June: From Network Visibility to Service Intelligence

Global Splunk User Group Events: May + June 2026

Join the Conversation