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

Index This | Why did the turkey cross the road?

Enter the Agentic Era with Splunk AI Assistant for SPL 1.4

Feel the Splunk Love: Real Stories from Real Customers

Are you a member of the Splunk Community?

How to resize the dropdown

Index This | Why did the turkey cross the road?

Enter the Agentic Era with Splunk AI Assistant for SPL 1.4

Feel the Splunk Love: Real Stories from Real Customers