Dynamically injecting HTML fragments into Ui elements?

[jasonwebb]

I’m working on an app that will have lots of 2D overlays with a variety of content that would be very time-consuming (maybe impossible) to manually build one-by-one as UI elements in the visual editor. It seems that using UI elements at least as wrappers is a good idea though, since they are integrated with the ECS system, but is there a way to inject arbitrary HTML into UI elements? JSX would be ideal, but I’ll take what I can get haha.

[GeorgeButler]

Is HTML, CSS and Studio Recommended?

Hi Leonard! It’s not recommended, but since 8th Wall experiences are JavaScript applications running in a browser, it’s certainly possible. You can integrate HTML and CSS within your Studio TS/JS files by dynamically creating and manipulating elements, like in this custom component example: import * as ecs from '@8thwall/ecs' ecs.registerComponent({ name: 'html-ui', schema: { }, schemaDefaults: { }, data: { }, add: (world, component) => { const overlay = document.createEle…