# Is there a way to disable button WITHOUT shading to grey?

**URL:** <https://community.thunkable.com/t/is-there-a-way-to-disable-button-without-shading-to-grey/110296>\
**Category:** Questions about Thunkable X\
**Created:** [June 18, 2019, 12:53am UTC](https://community.thunkable.com/t/is-there-a-way-to-disable-button-without-shading-to-grey/110296 "2019-06-18T00:53:08Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![samclever](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@samclever](https://community.thunkable.com/u/samclever)\
**Post date:** [June 18, 2019, 12:53am UTC](https://community.thunkable.com/t/is-there-a-way-to-disable-button-without-shading-to-grey/110296/1 "2019-06-18T00:53:08Z")

</div>

I am using buttons in my game that have an image on them (dice). I want them disabled until they are playable however I do not want them to be grey’d out. Is there a way to do this without adding a ton of blocks?

---

<div class="post-metadata">

**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\
**Post date:** [June 18, 2019, 1:40am UTC](https://community.thunkable.com/t/is-there-a-way-to-disable-button-without-shading-to-grey/110296/2 "2019-06-18T01:40:49Z")

</div>

You will evidently need a few more blocks, but not a ton.

The idea is that, instead of disabling the button, you set a global variable, let’s call it “enable\_button” and set it by default to true. When the button needs disabling, you set that variable to false instead of actually disabling the button.  
Then in the button.click event block, you enclose ALL of the processing in a conditional block “if enable\_button do”.  
If the user clicks the button when enabled, which is the default, it works normally. But when “enable\_button” is false, then the logic skips everything that the button would be doing, so is effectively defeated. You still can click it, but there will be zero effect.  
Until “enable\_button” is returned to true.

---

<div class="post-metadata">

**Author:** ![samclever](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@samclever](https://community.thunkable.com/u/samclever)\
**Post date:** [June 18, 2019, 6:03am UTC](https://community.thunkable.com/t/is-there-a-way-to-disable-button-without-shading-to-grey/110296/3 "2019-06-18T06:03:59Z")

</div>

I kinda figured I’d have to do that LOL. I just figured I’d put it out there in case I missed a setting or something. Thanks.

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [June 18, 2019, 9:05am UTC](https://community.thunkable.com/t/is-there-a-way-to-disable-button-without-shading-to-grey/110296/4 "2019-06-18T09:05:08Z")

</div>

Hi,

On the scrButtons screen, you will find the Disabled button, which is not pressed or turned gray.

[https://x.thunkable.com/projects/5cd84f23e3097f3353fdad45/project/properties/designer/](https://x.thunkable.com/projects/5cd84f23e3097f3353fdad45/project/properties/designer/)

---

<div class="post-metadata">

**Author:** ![kartik\_old](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik_old/32/28305_2.png) [@kartik\_old](https://community.thunkable.com/u/kartik_old)\
**Post date:** [June 18, 2019, 3:55pm UTC](https://community.thunkable.com/t/is-there-a-way-to-disable-button-without-shading-to-grey/110296/5 "2019-06-18T15:55:09Z")

</div>

What a great idea!  
It helped me!  
Thanks! 😄

---

<div class="post-metadata">

**Author:** ![samclever](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@samclever](https://community.thunkable.com/u/samclever)\
**Post date:** [June 19, 2019, 12:49am UTC](https://community.thunkable.com/t/is-there-a-way-to-disable-button-without-shading-to-grey/110296/6 "2019-06-19T00:49:13Z")

</div>

I am not finding the blocks used to do that?

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [June 19, 2019, 9:58am UTC](https://community.thunkable.com/t/is-there-a-way-to-disable-button-without-shading-to-grey/110296/7 "2019-06-19T09:58:12Z")

</div>

Everything is very simple - you need to cover the button with a transparent cover:

1. Add a Column1 size to the project and insert a button into it.
2. Add another Column2 to Column1 (in front of the button) and make its background red
3. On the Advanved tab for Column2, set the position = absolute property, and in the Start block add Column2.width = 100% and Column.height = 100% blocks

Run the project. If the red Column2 covered the button, then set instead of the red color for Column2 a transparent background.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:13pm UTC](https://community.thunkable.com/t/is-there-a-way-to-disable-button-without-shading-to-grey/110296/8 "2024-11-08T12:13:24Z")

</div>


