Dashboards & Visualizations

Can I stack two text inputs above each other?

gerbert
Path Finder

Hello,

i was wondering if it is possible for aesthetic reasons to stack two text inputs above each other (instead of next to each other). I tried something like this:

 

<form>
  <label>stacked_inputs</label>
  <fieldset submitButton="false"></fieldset>
  <row>
    <panel depends="$alwaysHideCSSStyle$">
      <html>
        <style>
          #test_input2
          {
            margin-top: 100px !important;
            padding-left:-200px !important; 
          }
        </style>
      </html>
    </panel>
  </row>  
  <row>
    <panel>
      <input id="test_input1" type="text" token="field1">
        <label>field1</label>
      </input>
      <input id="test_input2" type="text" token="field2">
        <label>field2</label>
      </input>    
    </panel>
  </row>
</form>

 

But the second input "test_input2" cannot be shifted horizontally above input "test_input1" apparently. Does anyone know how to do this?

 

Cheers

Fritz

 

Labels (1)
0 Karma
1 Solution

ITWhisperer
SplunkTrust
SplunkTrust
<form>
  <label>stacked_inputs</label>
  <fieldset submitButton="false"></fieldset>
  <row>
    <panel depends="$alwaysHideCSSStyle$">
      <html>
        <style>
          #test_input2
          {
            margin-top: 100px !important;
            padding-left:-200px !important; 
          }
        </style>
      </html>
    </panel>
  </row>  
  <row>
    <panel>
      <input id="test_input1" type="text" token="field1">
        <label>field1</label>
      </input>
    </panel>
  </row>  
  <row>
    <panel>
      <input id="test_input2" type="text" token="field2">
        <label>field2</label>
      </input>    
    </panel>
  </row>
</form>

View solution in original post

0 Karma

ITWhisperer
SplunkTrust
SplunkTrust
<form>
  <label>stacked_inputs</label>
  <fieldset submitButton="false"></fieldset>
  <row>
    <panel depends="$alwaysHideCSSStyle$">
      <html>
        <style>
          #test_input2
          {
            margin-top: 100px !important;
            padding-left:-200px !important; 
          }
        </style>
      </html>
    </panel>
  </row>  
  <row>
    <panel>
      <input id="test_input1" type="text" token="field1">
        <label>field1</label>
      </input>
    </panel>
  </row>  
  <row>
    <panel>
      <input id="test_input2" type="text" token="field2">
        <label>field2</label>
      </input>    
    </panel>
  </row>
</form>
0 Karma
Get Updates on the Splunk Community!

Congratulations to the 2025-2026 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...

Community Feedback

We Want to Hear from You! Share Your Feedback on the Splunk Community   The Splunk Community is built for you ...

Manual Instrumentation with Splunk Observability Cloud: Implementing the ...

In our observability journey so far, we've built comprehensive instrumentation for our Worms in Space ...