Left Panel Instructions

You can search elements using the Search...

Then double click on the element to see it within the hierarchie.

Remove elements

To remove elements, simply remove them with the x in the elements hierarchie.

Change show or hide on initialization

To show or hide things in a different order, you can change the tags 'ShowOnStart' and 'HideOnStart'

Change black groundground

Change black background color in 'leftPanel' > Edit Styles > Box background. Same with 'openMenuBg'.

Change logo

Change logo in 'logo' > blue folder icon

Change close or open icons

Change < or > icon background in 'closeMenuButton' or 'openMenuButton' > edit styles > box background. Same for orange background colors.

Change footer buttons

Change 'vrButton', 'fullscreenButton', 'soundButton' in the 'footer'. I usually get my icons from remixicon.com at 120px by 120px.

Add extra menu with submenu

To add an extra menu with submenu, duplicate 'menu-4', rename the duplicated to 'menu-5'. Do the same with submenu-4 to submenu-5. Renaming is important, as each component should have a unique name in order to work correctly with javascript actions. Javascript actions are needed to change the + icon into the - icon. If you don't care about that, you can remove the - icon on each 'menu-...' item in Edit Styles > Pressed and Pressed rollover.

If you do care, then change three actions on each `menu-...` component. First action is the javascript action. It needs an extra line.

For menu-1 it should look like this:

this.getComponentByName('menu-2').set('pressed', false);

this.getComponentByName('menu-3').set('pressed', false);

this.getComponentByName('menu-4').set('pressed', false);

this.getComponentByName('menu-5').set('pressed', false);

For menu-2 it should look like this:

this.getComponentByName('menu-1').set('pressed', false);

this.getComponentByName('menu-3').set('pressed', false);

this.getComponentByName('menu-4').set('pressed', false);

this.getComponentByName('menu-5').set('pressed', false);

Repeat the same logic for menu-3, menu-4 and menu-5.

Then change the second action which is Hide Components and make sure anything but the menu item itself is going to hide. Repeat this for all other menu-items as well, so 'menu-1', 'menu-2', 'menu-3', 'menu-4', 'menu-5'.

Lastly, change the show/hide action on menu-5 action so it shows or hides 'submenu-5' instead of 'submenu-4'