I am having trouble with this topic as I need two buttons and when they are clicked. One has a popup with a video and the other one has to have an popup with text. Basically I want it to be clicked and then a screen pops up with the video or with text. I am not sure how to go about that if someone would please be able to help me with this.

Thank you! Do you know if this would work for Virtual Reality as well?

I think for true VR you need to use Babylon GUI and no HTML elements at all.

Yes, and not “full screen” GUI. Needs to be a mesh (like a plane) with an Advanced Dynamic Texture applied. HTML can be visible in AR mode with DOM overlay: AdvancedDynamicTexture.CreateForMesh

I believe for doing just the above, you do not need an HTML/DOM interface (unless you are more confident with it). The BJS GUI for mesh or even the 3D GUI should make your day for this “simple” interaction integrated in an MX scene. The only point is the video component that is not really a full BJS component and is currently lacking some defaults for UX/UI. Also the textBlock control of the BJS GUI is currently not as versatile as the HTML/css counterpart. It all depends on the styling and design. In the end, I believe HTML/dom/css or the BJS GUI will both deliver with pros and cons. Yours to make a choice.

Clicking a button that leads to a popup

Questions

labris September 12, 2022, 6:09pm 2

This thread may help - Open HTML modal on mesh click

Topic		Replies	Views
GUI in Vr Mode can't be click Questions tutorial	15	2398	July 30, 2019
Button doesn't appear in VR Questions gui	3	717	November 4, 2019
WebXR Compatible HTML Texture Demos and projects gui , material , webxr	17	1222	March 26, 2024
Problem of clicking after enable interactions in VR mode Questions	6	786	March 26, 2019
Grid Intercept the button's onPointerClickObservable in vr mode? Questions tutorial	7	669	August 15, 2019

Clicking a button that leads to a popup

Related topics