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.

Value Insights: Now Generally Available in the CMC

What’s New in Splunk AI: Volume 02

Splunk App Dev Quarterly Roundup: AI, Agents, and Innovation!

Join the Conversation