Can I make checkbox label clickable?

[DonBaldini]

I have the below code

<input type="checkbox" token="clear_button" searchWhenChanged="true">
<label></label>
<change>
<unset token="form.clear_button"></unset>
<unset token="form.Name_Token"></unset>
<unset token="form.SO_Token"></unset>
<unset token="form.L2SO_Token"></unset>
<unset token="form.LOB_Token"></unset>
<unset token="form.Func_Token"></unset>
</change>
<delimiter> </delimiter>
<choice value="clear">Clear</choice>
</input>

When hovering over the word "Clear" to the right of the checkbox it is clickable. I just want the checkbox to be clickable - not the text and some whitespace to the right. Is this possible?

Thanks

[DonBaldini]

That works great Daniel, we had reduced the size of the container as a workaround but this is exactly what I wanted.

Thanks

Graham

[danspav · Accepted solution]

Hi @DonBaldini,

You can stop clicks from working on the checkbox label by using this css in your dashboard:

<row depends="$CSS$"><html><style>
.splunk-checkboxgroup label{pointer-events: none!important;}
</style></html></row>

Cheers,
Daniel