Solved: How do you right align a text label with an input ...

jaj · ‎01-17-2019

My label (text description) for my check box is displaying above the checkbox. How do I align the label (text) to the right of my checkbox?

note: i've tried to apply various styling but to no avail

...
  <fieldset submitButton="false" autoRun="true"> 
    </input>
    <input type="checkbox" token="my_checkbox_filter" searchWhenChanged="true">
      <label>Filter Results</label>
      <delimiter> </delimiter>
    </input>
  </fieldset>
...

niketn · ‎01-17-2019

@jaj try the following:

<input type="checkbox" token="my_checkbox" searchWhenChanged="true">
  <label></label>
  <delimiter> </delimiter>
  <choice value="filter">Filter Results</choice>
  <change>
    <set token="my_checkbox_filter">$value$</set>
  </change>
</input>

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

View solution in original post

niketn · ‎01-17-2019

@jaj try the following:

<input type="checkbox" token="my_checkbox" searchWhenChanged="true">
  <label></label>
  <delimiter> </delimiter>
  <choice value="filter">Filter Results</choice>
  <change>
    <set token="my_checkbox_filter">$value$</set>
  </change>
</input>

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

Ashwini008 · ‎09-09-2020

@niketn I have 3 input type i.e (input type=time,input type=multiselect,input type=check box) in a single row at the centre.How can i align all these input types to right corner of my panel?

(Drag and drop option isnt working here).

Also how can i increase the font size of my choices/options in radio button input type?

Thank you.

jaj · ‎01-17-2019

@niketnilay BAM! works great! thank you! ++ any idea how i can increase the width for longer descriptions instead of it wrapping? can i apply styles in your code somehow and make the width 200% or something?

jaj · ‎01-18-2019

@niketnilay
Splunk Enterprise
Version:
7.1.3
Build:
51d9cac7b837

niketn · ‎01-18-2019

@jaj I have tried the following on Splunk 7.2 . So kinldy check and confirm whether the same DOM select works or not

<form>
  <label>Checkbox Width</label>
  <fieldset submitButton="false">
  </fieldset>
  <row>
    <panel>
     <input id="myCheckBox" type="checkbox" token="my_checkbox" searchWhenChanged="true">
       <label></label>
       <delimiter> </delimiter>
       <choice value="filter">Filter A Really Really Looooooonnnnnnggggggg Results</choice>
       <change>
         <set token="my_checkbox_filter">$value$</set>
       </change>
     </input>
      <html depends="$alwaysHide$">
        <style>
          #myCheckBox{
            min-width: 400px !important;
            width: 400px !important;
          }
        </style>

      </html>      
    </panel>
  </row>
</form>

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

jaj · ‎01-18-2019

@niketnilay so awesome! thank you

niketn · ‎01-17-2019

Which version of splunk are you on?

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

How do you right align a text label with an input check box (defaults to top of checkbox)?

Announcing Scheduled Export GA for Dashboard Studio

Extending Observability Content to Splunk Cloud

More Control Over Your Monitoring Costs with Archived Metrics GA in US-AWS!