Custom Element: layout‐template - jbaicoianu/janusweb GitHub Wiki

<layout-template> lets you define one or more layouts for your content in 3d, and transition seamlessly between them. Each <template-layout> contains one master layout which defines one or more elements, and then any number of named` elements which define alternate position, orientation, and scale for each slot.

<janus-viewer>
  <room require="template-layout">
    <layout-template name="infobox" transition-time="300" transition-easing="linear">
      <layout-master>
        <layout-slot slotname="title" pos="0 3 0">
          <text>My Title</text>
        </layout-slot>
        <layout-slot slotname="sidenav" pos="-1 2 0">
        </layout-slot>
        <layout-slot slotname="content" pos="0 2 0">
        </layout-slot>
      </layout-master>
    </layout-template>
  </room>
</janus-viewer>

```javascript
let layout = 
⚠️ **GitHub.com Fallback** ⚠️