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!

What's new in Splunk Cloud Platform 9.1.2312?

Hi Splunky people! We are excited to share the newest updates in Splunk Cloud Platform 9.1.2312! Analysts can ...

What’s New in Splunk Security Essentials 3.8.0?

Splunk Security Essentials (SSE) is an app that can amplify the power of your existing Splunk Cloud Platform, ...

Let’s Get You Certified – Vegas-Style at .conf24

Are you ready to level up your Splunk game? Then, let’s get you certified live at .conf24 – our annual user ...