Dashboards & Visualizations

Simple xml dashboard hide label from checkbox

tzacha123
Engager

Hello,

Trying to align a checkbox input to the top by removing the label on top. Even if i leave the label tag empty, it takes up space (&nbsp).  

 

tzacha123_3-1643391684249.jpeg

This css does not seem to work. Would appreciate any suggestions.

div[id^="showSummary"] >label {
display:none !important;
}

 

Below is the complete xml source.

<form hideChrome="true" hideSplunkBar="true" hideAppBar="true" hideEdit="false" hideTitle="false" theme="dark">
<label>Checkbox test</label>
<fieldset submitButton="false" autoRun="true"></fieldset>
<row>
<panel id="viewDetail">
<input type="checkbox" id="showSummary" token="show_summary" searchWhenChanged="true">
<label>x</label>
<choice value="summary">Summary</choice>
</input>
</panel>
</row>
<row depends="$alwaysHideCSSStyle$">
<panel>
<html>
<style>
div[id^="showSummary"] >label {
display:none !important;
}
</style>
</html>
</panel>
</row>
</form>

Labels (1)
0 Karma
1 Solution

Software-Simian
Path Finder

Well sure..

please put <label></label>

No value

You wanted to get rid of the space => hence the height

if you insists on putting something in label:

.input label {
height: 0;
font-size: 0;
}

😉

View solution in original post

0 Karma

Software-Simian
Path Finder

Well sure..

please put <label></label>

No value

You wanted to get rid of the space => hence the height

if you insists on putting something in label:

.input label {
height: 0;
font-size: 0;
}

😉

0 Karma

tzacha123
Engager

Oh I see what you mean. Yes, that does work. Thanks. Will mark your solution as accepted.

0 Karma

Software-Simian
Path Finder

Try HTML CSS

 

 <panel depends="$alwaysHideCSS$">
<html>
<style>

.input label {
height: 0;
}

</style>
</html>
</panel>

0 Karma

tzacha123
Engager

Thanks but that didnt help. This is how it looks now.

tzacha123_0-1643732288521.png

 

0 Karma
Get Updates on the Splunk Community!

Enter the Splunk Community Dashboard Challenge for Your Chance to Win!

The Splunk Community Dashboard Challenge is underway! This is your chance to showcase your skills in creating ...

.conf24 | Session Scheduler is Live!!

.conf24 is happening June 11 - 14 in Las Vegas, and we are thrilled to announce that the conference catalog ...

Introducing the Splunk Community Dashboard Challenge!

Welcome to Splunk Community Dashboard Challenge! This is your chance to showcase your skills in creating ...