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>
1 Solution
Thanks but that didnt help. This is how it looks now.
