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!

[Puzzles] Solve, Learn, Repeat: Character substitutions with Regular Expressions

This challenge was first posted on Slack #puzzles channelFor BORE at .conf23, we had a puzzle question which ...

Splunk Community Badges!

  Hey everyone! Ready to earn some serious bragging rights in the community? Along with our existing badges ...

[Puzzles] Solve, Learn, Repeat: Matching cron expressions

This puzzle (first published here) is based on matching timestamps to cron expressions.All the timestamps ...