Solved: Can I make checkbox label clickable?

DonBaldini · ‎02-24-2023

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

danspav · ‎06-08-2023

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

View solution in original post

DonBaldini · ‎06-09-2023

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 · ‎06-08-2023

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

Can I make checkbox label clickable?

other

Monitoring Postgres with OpenTelemetry

Mastering Synthetic Browser Testing: Pro Tips to Keep Your Web App Running Smoothly

Splunk Edge Processor | Popular Use Cases to Get Started with Edge Processor