# What is Button.disabledColor / disabledColorItem doing?

**URL:** <https://forum.babylonjs.com/t/what-is-button-disabledcolor-disabledcoloritem-doing/21375>\
**Category:** Questions\
**Created:** [June 3, 2021, 2:29pm UTC](https://forum.babylonjs.com/t/what-is-button-disabledcolor-disabledcoloritem-doing/21375 "2021-06-03T14:29:25Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Regit](https://avatars.discourse-cdn.com/v4/letter/r/6a8cbe/32.png) [@Regit](https://forum.babylonjs.com/u/Regit)\
**Post date:** [June 3, 2021, 2:29pm UTC](https://forum.babylonjs.com/t/what-is-button-disabledcolor-disabledcoloritem-doing/21375/1 "2021-06-03T14:29:25Z")

</div>

Hello,

I’m disabling some simple buttons and want them to show as greyed out. I stumbled across their accessor `disabledColor` / `disabledColorItem`. The name implies it does exactly what I’m looking for without having to manually change colors or alpha back and forth, but it just doesn’t do anything for me.  
I don’t understand what they are supposed to be affecting:  
[https://playground.babylonjs.com/#XCPP9Y#7509](https://playground.babylonjs.com/#XCPP9Y#7509)

---

<div class="post-metadata">

**Author:** ![RaananW](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/raananw/32/28955_2.png) [@RaananW](https://forum.babylonjs.com/u/RaananW)\
**Post date:** [June 3, 2021, 3:30pm UTC](https://forum.babylonjs.com/t/what-is-button-disabledcolor-disabledcoloritem-doing/21375/2 "2021-06-03T15:30:22Z")

</div>

The disabledColor is used in radio buttons, checkboxes and input text (when they are disabled).  
I guess it would make sense to use it in the button as well when it’s disabled!

@msDestiny14, want to take over?

---

<div class="post-metadata">

**Author:** ![msDestiny14](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/msdestiny14/32/9572_2.png) [@msDestiny14](https://forum.babylonjs.com/u/msDestiny14)\
**Post date:** [June 3, 2021, 4:18pm UTC](https://forum.babylonjs.com/t/what-is-button-disabledcolor-disabledcoloritem-doing/21375/3 "2021-06-03T16:18:37Z")

</div>

Sure. let me take a look 😃

---

<div class="post-metadata">

**Author:** ![msDestiny14](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/msdestiny14/32/9572_2.png) [@msDestiny14](https://forum.babylonjs.com/u/msDestiny14)\
**Post date:** [June 3, 2021, 7:26pm UTC](https://forum.babylonjs.com/t/what-is-button-disabledcolor-disabledcoloritem-doing/21375/4 "2021-06-03T19:26:54Z")

</div>

Hi there! Got a PR up for you. Should wrap up soon.

> <https://github.com/BabylonJS/Babylon.js/pull/10455>

---

<div class="post-metadata">

**Author:** ![Regit](https://avatars.discourse-cdn.com/v4/letter/r/6a8cbe/32.png) [@Regit](https://forum.babylonjs.com/u/Regit)\
**Post date:** [June 7, 2021, 10:32am UTC](https://forum.babylonjs.com/t/what-is-button-disabledcolor-disabledcoloritem-doing/21375/5 "2021-06-07T10:32:18Z")

</div>

Hi,

this actually does not work for me yet. It’s merged, so I don’t think I have to wait for a whole new version right?

I looked at the code and maybe it’s just the missing underscore for `this._disabledColor`?  
The aforementioned controls by @RaananW that use the disabled color are also doing so in their own class and not in rectangle.ts itself. But I don’t know about how you handle your GUI stuff.  
Did it work for you when you tested it?

---

<div class="post-metadata">

**Author:** ![RaananW](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/raananw/32/28955_2.png) [@RaananW](https://forum.babylonjs.com/u/RaananW)\
**Post date:** [June 7, 2021, 1:16pm UTC](https://forum.babylonjs.com/t/what-is-button-disabledcolor-disabledcoloritem-doing/21375/6 "2021-06-07T13:16:01Z")

</div>

@msDestiny14 will be able to answer that 🙂

---

<div class="post-metadata">

**Author:** ![msDestiny14](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/msdestiny14/32/9572_2.png) [@msDestiny14](https://forum.babylonjs.com/u/msDestiny14)\
**Post date:** [June 7, 2021, 3:44pm UTC](https://forum.babylonjs.com/t/what-is-button-disabledcolor-disabledcoloritem-doing/21375/7 "2021-06-07T15:44:01Z")

</div>

I copied your PG and ran it in local test and it changed color for me. I’m assuming you need to refresh the browser’s cache. (Mine hasn’t updated yet either) I can do a double check to make sure though.

 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/1/2/1278c24b69d4ae240af397f0c957202d83e8c138.png)

---

<div class="post-metadata">

**Author:** ![msDestiny14](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/msdestiny14/32/9572_2.png) [@msDestiny14](https://forum.babylonjs.com/u/msDestiny14)\
**Post date:** [June 7, 2021, 6:04pm UTC](https://forum.babylonjs.com/t/what-is-button-disabledcolor-disabledcoloritem-doing/21375/8 "2021-06-07T18:04:41Z")

</div>

Ah the update wasn’t pushed yet since it was merged over the weekend. Should be in shortly.

---

<div class="post-metadata">

**Author:** ![Regit](https://avatars.discourse-cdn.com/v4/letter/r/6a8cbe/32.png) [@Regit](https://forum.babylonjs.com/u/Regit)\
**Post date:** [June 8, 2021, 8:07am UTC](https://forum.babylonjs.com/t/what-is-button-disabledcolor-disabledcoloritem-doing/21375/9 "2021-06-08T08:07:56Z")

</div>

Alright thanks, I’ll be patient 😇
