How to make buttons not clickable


How do I make the buttons in the background not clickable and the background also to be a little grey as shown in the right picture?

alt text

I am going to assume you are going to/ are using the UI.Button.

With the default set-up the buttons have ‘Colour transition’ selected, there will be a colour called disabled colour for making the button grey when the interactable boolean is false.

When interactable is false you will also be unable to click the button.

You can also activate a UI Panel behind the current window you just opened with the Raycast Target checkbox set as ‘true’ in its Image component; it would make the buttons behind it unclickable and you can adjust the tint of the panel through its image component’s color opacity setting.