Solved: how to allign between two input fields

vikashperiwal · ‎04-11-2019

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

But am getting alignment issue ..

how can i put space between radio button and drop down

vnravikumar · ‎04-11-2019

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

vnravikumar · ‎04-11-2019

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>

vikashperiwal · ‎04-11-2019

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

paramagurukarth · ‎04-11-2019

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

how to allign between two input fields

Extending Observability Content to Splunk Cloud

More Control Over Your Monitoring Costs with Archived Metrics!

New in Observability Cloud - Explicit Bucket Histograms