Ui button - Image pop-up

🧑‍💻 Technical Support
1

I’m a newbie in AR development, and I’ve just jumped into 8th Wall! For my first project, I’m cloning the Absolute Scale project to import a 3D GLB file and add functionalities to it. However, I can’t find a way to solve a simple problem: I want to show/hide an image when I click on a UI button.

For example, when I click an “Info” button, a pop-up image should appear over the button. I’ve spent a few hours trying to figure out how to do this, but now I’m reaching out to you for help!

I’ve created my UI button and added my UI image, but now I’m stuck. Do I need to write some TypeScript code to achieve this show/hide functionality?

Thanks a lot for your help!
Ben

2

Hi, welcome to the forums!

Take a look at this sample project: Studio: Hotspots | 8th Wall | 8th Wall

3

Hello Benjamin!

To show an entity (including UI Elements) you can use:

ecs.Hidden.remove(world, component.eid)

And to hide it:

ecs.Hidden.add(world, component.eid)

Here’s more info if needed:
Hidden | 8th Wall

Hope this helps!

4

Thanks guys for your help !
I’ll try to code in this way.
I’ll be back soon.
Ben