UI Buttons visible but not clickable when using two canvases.

Question

Hi!

I am having trouble with UI buttons, as they are not clickable. I am using Unity 5.6 with TouchScript 9.0 alpha (though I don't suspect TouchScript is the problem).

I have two canvases:

One canvas which has screen space: camera. It contains a sidebar with some items. The reason for it having screen space camera is that that made it possible to drag objects from the sidebar into the 3d-world.

Another canvas which contains the not working buttons. The buttons are created from prefabs when a 3d object is tapped. There are three buttons, two of which are "normal" and another which works as a background button (very big, invisible and created before the other buttons, meaning it should be "behind" them). It is used for destroying the other buttons, "closing" the menu.

The problem is that when these buttons appear, they are not clickable. However, the background button is clickable. I have tried for a while to fix this, but there must be something I am missing. I tried creating another button just to test if there was something wrong with the prefabs, but the same thing happens.

Sidebar canvas: alt text

Button canvas:

I could only add two images, but the buttons are the set as interactable and has non-persistent on-click listener which are added in code when they are created.

Does anyone have any idea of what to do? I am thinking the problem might be due to raycasts, but not entirely sure.

Answer 1

Answer by TheSOULDev · Aug 14, 2017 at 04:29 PM

Remove raycasting from any button that is not supposed to click. Raycast only hits the first target that is supposed to be hit, the others aren't hit. I supposed the buttons you want to be clickable are behind the background button.

Add comment · Show 3 · Share

fbontin · Aug 18, 2017 at 07:19 AM 0

Share

Thanks for the answer. However, I want the background button to be clickable, so removing raycasting from it would the best I guess.

But I tried both removing the background button completely and to remove raycasting from it, but the other buttons were still not clickable.

I have also tried creating the buttons either before or after the background button and neither works unfortunately.

RocketFriday · Aug 18, 2017 at 10:24 AM 0

Share

Thank you good sir, you helped solve one of my questions. Greatly appreciated!

brunacons94 · May 26, 2020 at 04:01 PM 0

Share

You solved my problem! Thank you!

I had 2 canvases on my project. Once I closed and reopened the project, the canvas with an Input Text wouldn't work anymore, it wasn't clickable anymore. Removing the Raycast component from both canvases did it for me.

Answer 2

Answer by Cuttlas-U · Aug 14, 2017 at 04:35 PM

hi; make both of your canvases to "space camera" mode , then try to change Order In layer;

Add comment · Show 2 · Share

fbontin · Aug 23, 2017 at 12:25 PM 0

Share

Thank you, I will try this :-)

TrackOdin · Feb 18, 2021 at 09:13 PM 0

Share

Worked for me, thanks.

Answer 3

Answer by olvor · Nov 09, 2020 at 12:56 PM

Add "Graphic Raycaster" component to second Canvas.

Add comment · Share

UI Buttons visible but not clickable when using two canvases.

3 Replies

Your answer

Follow this Question

Related Questions