# Isometric Tilemap is blocking UI elements

I'm using Unity 2019.4.6f1, and I'm working on Isometric Tilemaps.

The hierarchy is like this:

The VillageScreen is a Canvas, img-bg is an UI Image, the two Panels are UI Panels, and the Grid and two Tilemaps are the isometric tilemaps. The problem is, the Grid & Tilemap is blocking all other UI elements, and it seems to be always on top, no matter how I set the Z value.

The Grid setting is:

And the Panel setting is:

My question is: How do I put the UI elements ABOVE the Tilemap?

p.s. the UI button is clickable, it just cannot be displayed properly.

--

UPDATE: Added a mockup screen - Black circles are buttons, while Red texts are UI texts for displaying scores.

• Why is your tilemap in your canvas? Usually this is not a component we would put into a UI Canvas like this. – DMGregory Aug 24 at 3:38
• @DMGregory thanks for your reply, but I would like to display the Tilemap in my game. I downloaded this completed game pack from Asset Store, and it uses various Canvas to represent different screens, instead of using separate scenes. Is it a must to use a separate Scene for this? Thanks in advance. – Raptor Aug 24 at 3:49
• You do not need to place the tilemap into the canvas to achieve this effect. You can swap game objects within your scene without switching scenes - you already do this with canvasses, so there is nothing to stop you from doing it with tilemaps too. – DMGregory Aug 24 at 3:50
• I know I can hide & show elements. However, my issue is that the Tilemap is hiding the UI elements. Let's say I have a toolbar (as a Panel) to show ABOVE the tilemap, but Tilemap is covering all the UI elements (both panels). – Raptor Aug 24 at 3:55
• I have added a mockup screen in my question for better illustrations. – Raptor Aug 24 at 4:00