Dashboards & Visualizations

How to resize the dropdown

vivek_manoj
Explorer

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.

Tags (1)
0 Karma
1 Solution

rjthibod
Champion

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

0 Karma

rjthibod
Champion

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>
0 Karma
Get Updates on the Splunk Community!

A Season of Skills: New Splunk Courses to Light Up Your Learning Journey

There’s something special about this time of year—maybe it’s the glow of the holidays, maybe it’s the ...

Announcing the Migration of the Splunk Add-on for Microsoft Azure Inputs to ...

Announcing the Migration of the Splunk Add-on for Microsoft Azure Inputs to Officially Supported Splunk ...

Splunk Observability for AI

Don’t miss out on an exciting Tech Talk on Splunk Observability for AI! Discover how Splunk’s agentic AI ...