topic Re: Simple xml dashboard hide label from checkbox in Dashboards & Visualizations

Simple xml dashboard hide label from checkbox

tzacha123 — Fri, 28 Jan 2022 17:45:38 GMT

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).

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>

Re: Simple xml dashboard hide label from checkbox

Software-Simian — Tue, 01 Feb 2022 16:08:11 GMT

Try HTML CSS

.input label {
height: 0;
}

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

Re: Simple xml dashboard hide label from checkbox

tzacha123 — Tue, 01 Feb 2022 16:18:35 GMT

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

Re: Simple xml dashboard hide label from checkbox

Software-Simian — Tue, 01 Feb 2022 16:24:28 GMT

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;
}

😉

Re: Simple xml dashboard hide label from checkbox

tzacha123 — Tue, 01 Feb 2022 16:25:40 GMT

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