Solved: 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

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Quick connection discovery mode for forwarders

Build and Launch AI Agents from Your Splunk Workflows

Splunk Cloud Application Management in Terraform

Join the Conversation