# Need checkbox to make button clickable

**URL:** <https://forum.bubble.io/t/need-checkbox-to-make-button-clickable/169338>\
**Category:** Need help\
**Created:** [September 14, 2021, 8:33pm UTC](https://forum.bubble.io/t/need-checkbox-to-make-button-clickable/169338 "2021-09-14T20:33:05Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![susanjean05](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/susanjean05/32/106761_2.png) [@susanjean05](https://forum.bubble.io/u/susanjean05)\
**Post date:** [September 14, 2021, 8:33pm UTC](https://forum.bubble.io/t/need-checkbox-to-make-button-clickable/169338/1 "2021-09-14T20:33:05Z")

</div>

I am almost too embarrassed to post this as it is so simple. It doesn’t seem simple in Bubble; I’ve tried everything.

I have a checkbox item and a button. When the checkbox is checked, the button is clickable; when the checkbox is unclicked, the button is not clickable. Upon load, the checkbox is unchecked and the button is not clickable. That’s it.

I’ve tried conditions and custom states. There must be a step I’m missing. (Or, I’m STILL not understand how to use states). Could someone kindly give me the exact steps to do the above-mentioned actions?

Thank you very much. I don’t know what I’d do without this forum.

---

<div class="post-metadata">

**Author:** ![mikeloc](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mikeloc/32/93001_2.png) [@mikeloc](https://forum.bubble.io/u/mikeloc)\
**Post date:** [September 14, 2021, 11:48pm UTC](https://forum.bubble.io/t/need-checkbox-to-make-button-clickable/169338/2 "2021-09-14T23:48:40Z")

</div>

Hi there, @susanjean05… if I understand your post correctly, a simple condition on the button element should do the trick.

First, on the _Appearance_ tab of the button element, check the _This element isn’t clickable_ checkbox. Then, add a condition to the button element that says when the checkbox is checked, select the _This element isn’t clickable_ option, and leave that option’s checkbox unchecked.

Hope this helps.

Best…  
Mike

---

<div class="post-metadata">

**Author:** ![na811](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/na811/32/96900_2.png) [@na811](https://forum.bubble.io/u/na811)\
**Post date:** [September 15, 2021, 4:22am UTC](https://forum.bubble.io/t/need-checkbox-to-make-button-clickable/169338/3 "2021-09-15T04:22:27Z")

</div>

The standard bubble checkbox has a “this checkbox should be checked” field. Check that, and set a conditional for your button for the workflow to run only when this checkbox is clicked or valid, the standard checkbox should come with a conditional that makes the boxshadow color red if it isn’t valid, if not I would add that so the user gets the hint.

![checkbox](https://us1.discourse-cdn.com/bubble/original/3X/a/1/a16af982b915fbc313c4b05ec3143825c708ed39.png)

---

<div class="post-metadata">

**Author:** ![susanjean05](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/susanjean05/32/106761_2.png) [@susanjean05](https://forum.bubble.io/u/susanjean05)\
**Post date:** [September 15, 2021, 1:07pm UTC](https://forum.bubble.io/t/need-checkbox-to-make-button-clickable/169338/4 "2021-09-15T13:07:16Z")

</div>

> [@mikeloc](#):
>
> Hi there, @susanjean05… if I understand your post correctly, a simple condition on the button element should do the trick.
> 
> First, on the _Appearance_ tab of the button element, check the _This element isn’t clickable_ checkbox. Then, add a condition to the button element that says when the checkbox is checked, select the _This element isn’t clickable_ option, and leave that option’s checkbox unchecked.
> 
> Hope this helps.

Oh my goodness; it worked. I did go down that route at one point, but when I saw only the option to make the button unclickable, I didn’t think there was a way to make it clickable again. Now, I know that you simply leave the option unchecked when creating the condition.

Thank you, Mike!

---

<div class="post-metadata">

**Author:** ![susanjean05](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/susanjean05/32/106761_2.png) [@susanjean05](https://forum.bubble.io/u/susanjean05)\
**Post date:** [September 15, 2021, 3:37pm UTC](https://forum.bubble.io/t/need-checkbox-to-make-button-clickable/169338/5 "2021-09-15T15:37:02Z")

</div>

Thank you, na811! I DID notice the red border around the checkbox that appears when it isn’t checked. It’s a great way to give the user a “hint”!

Thank you for your help.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [November 23, 2021, 8:33pm UTC](https://forum.bubble.io/t/need-checkbox-to-make-button-clickable/169338/6 "2021-11-23T20:33:54Z")

</div>

This topic was automatically closed after 70 days. New replies are no longer allowed.
