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

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.

Best Practices: Splunk auto adjust pipeline queue

Laser Bananas and Edge Hubs: Exploring Operational Technology (OT) Data Through a ...

Event Series: Mastering AI Tokenomics and Splunk Agent Observability

Join the Conversation