Solved: Re: 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

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

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

Event Series: Telemetry Pipeline Management

Kick the Tires Before You Commit: A Hands-On Tour of the Splunk Observability Cloud ...

Deep insights, no barriers: Splunk Observability Cloud Free Edition

Join the Conversation