Solved: Re: 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?

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Event Series: Telemetry Pipeline Management

Kick the Tires Before You Commit: A Hands-On Tour of the Splunk Observability Cloud ...

Deep insights, no barriers: Splunk Observability Cloud Free Edition

Join the Conversation