All Apps and Add-ons

how to allign between two input fields

vikashperiwal
Path Finder

I have a dashboard where i have two input field...1. Drop Down and Radio button.

But am getting alignment issue ..

alt text

how can i put space between radio button and drop down

0 Karma
1 Solution

vnravikumar
Champion

Hi

Try this, give width in % or px as per your requirement

<form>
  <label>alignment</label>
  <fieldset submitButton="false">
    <input type="radio" token="field1">
      <label>field1</label>
      <choice value="1">INTERFACESTATISTICSGRID</choice>
      <choice value="2">NETWORKCONTEXTSTATISTICSGRID</choice>
    </input>
    <input type="dropdown" token="field2" id="rk">
      <label>field2</label>
    </input>
  </fieldset>
  <row depends="$hide$">
    <html>
    <style>
     #rk{
      margin-left: 3% !important;
      }
    </style>
  </html>
  </row>
</form>

View solution in original post

0 Karma

vnravikumar
Champion

Hi

Try this, give width in % or px as per your requirement

<form>
  <label>alignment</label>
  <fieldset submitButton="false">
    <input type="radio" token="field1">
      <label>field1</label>
      <choice value="1">INTERFACESTATISTICSGRID</choice>
      <choice value="2">NETWORKCONTEXTSTATISTICSGRID</choice>
    </input>
    <input type="dropdown" token="field2" id="rk">
      <label>field2</label>
    </input>
  </fieldset>
  <row depends="$hide$">
    <html>
    <style>
     #rk{
      margin-left: 3% !important;
      }
    </style>
  </html>
  </row>
</form>
0 Karma

vikashperiwal
Path Finder

this works fine for me......Thank You

0 Karma

paramagurukarth
Builder

Add CSS to your dashboard and take control over your screen elements..
https://answers.splunk.com/answers/330361/how-to-apply-custom-css-to-a-dashboard.html

0 Karma
Got questions? Get answers!

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

Meet up IRL or virtually!

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

Get Updates on the Splunk Community!

Why Splunk Customers Should Attend Cisco Live 2026 Las Vegas

Why Splunk Customers Should Attend Cisco Live 2026 Las Vegas     Cisco Live 2026 is almost here, and this ...

What Is the Name of the USB Key Inserted by Bob Smith? (BOTS Hint, Not the Answer)

Hello Splunkers,   So you searched, “what is the name of the usb key inserted by bob smith?”  Not gonna lie… ...

Automating Threat Operations and Threat Hunting with Recorded Future

    Automating Threat Operations and Threat Hunting with Recorded Future June 29, 2026 | Register   Is your ...