Solved: Re: Panel input bottom align

pitmod · ‎09-01-2020

I have the following dashboard:

<form>
  <label>RHN Status sandbox</label>
  <row>
   <panel>
      <title>Test</title>
      <html>
        <div>
          <img src="http://collab.ubs.net/adventskalender/IconBrowser/com.ubs.a00.icons.ui/src/web/icons/32x32/0239_OK6.png"/>
        </div>
      </html>
       
      
     <input type="checkbox" token="show_details">
        <label></label>
        <choice value="1">Details</choice>
      </input>
    </panel>
  </row>
</form>

The input checkbox is always above the img in div. Do could I put input below the img?

Nisha18789 · ‎09-01-2020

Hello @pitmod , could you please try this:

<form>
<label>RHN Status sandbox</label>
<row depends="$hideforCSS$">
<html>
<style>
#panel1,#panel2{ width:100%!important}
#panel2{margin-top:-5px;}
</style>
</html>
</row>
<row>
<panel id="panel1"> <title>Test</title>
<html>

<div id="img">
<img src="http://collab.ubs.net/adventskalender/IconBrowser/com.ubs.a00.icons.ui/src/web/icons/32x32/0239_OK6....>
</div>
</html>
</panel>
<panel id="panel2">

<input type="checkbox" token="show_details">
<label></label>
<choice value="1">Details</choice>
</input>

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

View solution in original post

Nisha18789 · ‎09-01-2020

Hello @pitmod , could you please try this:

<form>
<label>RHN Status sandbox</label>
<row depends="$hideforCSS$">
<html>
<style>
#panel1,#panel2{ width:100%!important}
#panel2{margin-top:-5px;}
</style>
</html>
</row>
<row>
<panel id="panel1"> <title>Test</title>
<html>

<div id="img">
<img src="http://collab.ubs.net/adventskalender/IconBrowser/com.ubs.a00.icons.ui/src/web/icons/32x32/0239_OK6....>
</div>
</html>
</panel>
<panel id="panel2">

<input type="checkbox" token="show_details">
<label></label>
<choice value="1">Details</choice>
</input>

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

Panel input bottom align

CSS

form

panel

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!