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!

Mastering Threat Intelligence in ES 8.5, Splunk AI Assistant v2, and More from Splunk ...

Splunk Lantern is Splunk’s customer success center that provides practical guidance from Splunk experts on key ...

Break the Build: Inside the KubeDoom Lounge at .conf26

    You step up to the machine. The pixelated corridors of a certain 1993 FPS load in front of you, EMP Pulse ...

Splunk Auto Ingestion Parallel Pipeline Scaling

Why this feature matters Many Splunk environments experience ingestion pressure long before the host is fully ...