How can I get the text on a disabled button to not be shaded?


I’m finding when I show a disabled button, there seems to be some override where the text on the button gets shaded no matter what color I set the colors to. Does anyone know a way I can have more control over this?

There is a option to achieve this.

You would create a Overlay and add a Button to it with Horizontal & Vertical Alignment to “Fill”:
image

After that you also add a Text to the Overlay and set its Horizontal & Vertical Alignment to “Center”, also add a padding to give the button more space to “breath” on the left & right side, as well as at the top & bottom. (These are values used as an example).
image

Now your Layout for a Button should look something like this:
image

When you now disable the button:

The text is still in it’s original color, but the button is disabled.

Don’t forget to set the Visibility of the Text to “Not Hit-Testable (Self only)” or “Not Hit-Testable (Self & All Children)”. If you forget that, you will wonder why the button is not clickable.

Hope that sums everything up & helps, if you still got a question don’t hesitate to ask!

Have a great day!