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
Career Survey
First 500 qualified respondents will receive a $20 gift card! Tell us about your professional Splunk journey.
Get Updates on the Splunk Community!

Splunk AI Assistant for SPL vs. ChatGPT: Which One is Better?

In the age of AI, every tool promises to make our lives easier. From summarizing content to writing code, ...

Data Persistence in the OpenTelemetry Collector

This blog post is part of an ongoing series on OpenTelemetry. What happens if the OpenTelemetry collector ...

Thanks for the Memories! Splunk University, .conf25, and our Community

Thank you to everyone in the Splunk Community who joined us for .conf25, which kicked off with our iconic ...