Dashboards & Visualizations

Panel input bottom align

pitmod
Explorer

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? 

Labels (3)
0 Karma
1 Solution

Nisha18789
Builder

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
Builder

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>

Got questions? Get answers!

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

Meet up IRL or virtually!

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

Get Updates on the Splunk Community!

Agentic Operations Start with Context: Build the Right Data Foundation

Agentic Operations Start with Context: Build the Right Data Foundation   By Courtney Wright, Product Marketing ...

Assisted, Augmented or Agentic? Choose Your Splunk Starting Point

Assisted, Augmented or Agentic? Choose Your Splunk Starting Point   By Courtney Wright, Product Marketing ...

Session 2 | Beyond the Thread: Operationalizing AI with Confidence

Session 2   Beyond the Thread: Operationalizing AI with Confidence    The true power of the Cisco Data Fabric ...