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

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.

Deep Dive: Optimizing Telemetry Pipelines in Splunk Observability Cloud

Announcing Modern Navigation: A New Era of Splunk User Experience

Data Drivers: How We're Streaming Real-Time F1 Telemetry Directly into Splunk ...

Join the Conversation