Dashboards & Visualizations

Applying HTML style to inputs

mbel13131
Explorer

I would like to apply the custom style to a set of inputs. How do I correctly write this code? 

I'm aware of the option to create one style clause for each input ID but this seems ridiculous and the wrong way to do it for, say, 20 inputs.

Cheers.

 

 

<form version="1.1" theme="light">
  <fieldset submitButton="false">
  </fieldset>
    <row>
      <panel>
      <html>
        <style>
          #LineByLine {
            display:flex !important;
            padding-right: 10px;
            padding-top: 5px;
          }
        </style>
      </html>
    </panel>
    </row>
  <row>
    <panel>
      <input id="input1" type="text" token="1">
        <label>1</label>
      </input>
    </panel>
    <panel>
      <input id="input2" type="text" token="2">
        <label>2</label>
      </input>
    </panel>
  </row>
</form>

 

 

 

Labels (1)
0 Karma
1 Solution

mbel13131
Explorer

Never mind, this is a basic question I answered myself by learning about HTML in general (apply style to the div/container wrapped around the input, if someone's looking for this basic answer).

View solution in original post

0 Karma

mbel13131
Explorer

Never mind, this is a basic question I answered myself by learning about HTML in general (apply style to the div/container wrapped around the input, if someone's looking for this basic answer).

0 Karma

mbel13131
Explorer

(just to add though, I can't figure out how to have html style apply to standard child-of-form Splunk input objects)

0 Karma
Get Updates on the Splunk Community!

Splunk Observability as Code: From Zero to Dashboard

For the details on what Self-Service Observability and Observability as Code is, we have some awesome content ...

[Puzzles] Solve, Learn, Repeat: Character substitutions with Regular Expressions

This challenge was first posted on Slack #puzzles channelFor BORE at .conf23, we had a puzzle question which ...

Shape the Future of Splunk: Join the Product Research Lab!

Join the Splunk Product Research Lab and connect with us in the Slack channel #product-research-lab to get ...