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 ( ).
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>
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;
}
😉
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;
}
😉
Oh I see what you mean. Yes, that does work. Thanks. Will mark your solution as accepted.
Try HTML CSS
<panel depends="$alwaysHideCSS$">
<html>
<style>
.input label {
height: 0;
}
</style>
</html>
</panel>
Thanks but that didnt help. This is how it looks now.