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

Announcing Scheduled Export GA for Dashboard Studio

Extending Observability Content to Splunk Cloud

More Control Over Your Monitoring Costs with Archived Metrics GA in US-AWS!