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
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!

Index This | What travels the world but is also stuck in place?

April 2026 Edition  Hayyy Splunk Education Enthusiasts and the Eternally Curious!   We’re back with this ...

Discover New Use Cases: Unlock Greater Value from Your Existing Splunk Data

Realizing the full potential of your Splunk investment requires more than just understanding current usage; it ...

Continue Your Journey: Join Session 2 of the Data Management and Federation Bootcamp ...

As data volumes continue to grow and environments become more distributed, managing and optimizing data ...