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!

Tech Talk Recap | Mastering Threat Hunting

Mastering Threat HuntingDive into the world of threat hunting, exploring the key differences between ...

Observability for AI Applications: Troubleshooting Latency

If you’re working with proprietary company data, you’re probably going to have a locally hosted LLM or many ...

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, ...