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!

Introducing the Splunk Community Dashboard Challenge!

Welcome to Splunk Community Dashboard Challenge! This is your chance to showcase your skills in creating ...

Built-in Service Level Objectives Management to Bridge the Gap Between Service & ...

Wednesday, May 29, 2024  |  11AM PST / 2PM ESTRegister now and join us to learn more about how you can ...

Get Your Exclusive Splunk Certified Cybersecurity Defense Engineer Certification at ...

We’re excited to announce a new Splunk certification exam being released at .conf24! If you’re headed to Vegas ...