#: locale=en ## Action ### URL LinkBehaviour_274F3D9E_00C7_80CD_4164_78459BC66FB4.source = https://360creators.com LinkBehaviour_280A3FEC_00C6_804D_4152_28D1E962EC7E.source = https://360creators.com LinkBehaviour_2C37A953_0047_805B_415B_BABEEA07B851.source = https://360creators.com/simple-left-side-menu LinkBehaviour_280A1FEC_00C6_804D_4150_D1CA7B5594A8.source = https://www.facebook.com/360CreatorsNL LinkBehaviour_274F1D9E_00C7_80CD_4146_88E6A8DEFA64.source = https://www.facebook.com/360CreatorsNL LinkBehaviour_280A2FEC_00C6_804D_4153_7145098B16DE.source = https://x.com/ronald_v8 LinkBehaviour_274F0D9E_00C7_80CD_4148_1D285792FDB4.source = https://x.com/ronald_v8 ## Media ### Title panorama_29E35A89_00C6_80B7_4158_A62C7D81B258.label = M3_Above_the_Clouds_equirectangular-jpg_swirling_puffy_clouds_sunny_1580153396_11964447 panorama_2AB7B620_0047_83F5_4148_D8131259CEA0.label = M3_Drone_Shot_equirectangular-jpg_New_York_filled_with_1570139013_11964684 panorama_2CB353AA_004A_80F5_4163_065972816819.label = M3_Photoreal_equirectangular-jpg_Majestic_aqua_Thai_waters_1873864121_11964692 ## Skin ### Button Button_274F3D9E_00C7_80CD_4165_FA01847F16DE.label = 360Video 1 Button_280A3FEC_00C6_804D_4165_AA9ED7F7ABE6.label = 360Video 1 Button_274F2D9E_00C7_80CD_4160_CF6452807F3C.label = 360Video 2 Button_280DDFEC_00C6_804D_4153_353286663538.label = 360Video 2 Button_280DEFEC_00C6_804D_414F_E029EB42FAC8.label = 360Video 3 Button_274F5D9E_00C7_80CD_4160_D798B2B04B18.label = 360Video 3 Button_280A8FEB_00C6_804B_414C_F3A120B78767.label = Cloud Button_274C7D9D_00C7_80CF_4125_FF8ACA522350.label = Clouds Button_280AEFEB_00C6_804B_4142_D38806942109.label = Menu 1 Button_274C5D9D_00C7_80CF_4156_B96F050783FE.label = Menu 1 Button_274C8D9D_00C7_80CF_4161_93A1A52191C5.label = Menu 2 Button_280ABFEB_00C6_804B_4162_D08FCFBA7FE4.label = Menu 2 Button_280A1FEC_00C6_804D_4165_2B39F068E6D3.label = Menu 3 Button_274F1D9E_00C7_80CD_415D_A62643FF0C96.label = Menu 3 Button_280DFFEC_00C6_804D_410B_AAC59A0E5180.label = Menu 4 Button_274F4D9E_00C7_80CD_4144_913794B26D8C.label = Menu 4 Button_280A9FEB_00C6_804B_413B_40CB9208881C.label = New York Button_274C6D9D_00C7_80CF_4164_A06FE33E6C0F.label = New York Button_274F6D9E_00C7_80CD_4164_A2FED420F560.label = Photo 1 Button_280D9FEC_00C6_804D_412A_3A89D3A26220.label = Photo 1 Button_274F9D9E_00C7_80CD_4153_45F27F82ED19.label = Photo 2 Button_280DAFEC_00C6_804D_4140_F9D35A59600C.label = Photo 2 Button_280DBFEC_00C6_804D_4153_69D24BCF928E.label = Photo 3 Button_274F8D9E_00C7_80CD_4159_0EE457E970F6.label = Photo 3 Button_2CECF40B_005A_87CB_414F_4FD9674D7C2E.label = Purchase Button_274FBD9E_00C7_80CD_4162_B855BC13D3B6.label = Single Button 1 Button_280D4FEC_00C6_804D_4166_83D57B08D37C.label = Single Button 1 Button_280D5FEC_00C6_804D_413E_F723D5B16168.label = Single Button 2 Button_274FAD9E_00C7_80CD_4156_355C9765C1EA.label = Single Button 2 Button_280AAFEB_00C6_804B_4120_64C20690CC2C.label = Thai Beach Button_274C9D9D_00C7_80CF_413E_046B9203C28E.label = Thai beach Button_280A5FEB_00C6_804B_4152_E934169A8A0A.label = Video 1 Button_274CAD9D_00C7_80CF_4163_B0031FF2C167.label = Video 1 Button_274CDD9D_00C7_80CF_4165_F1BC9E54C1B4.label = Video 2 Button_280A6FEB_00C6_804B_4139_CDCFEFAF195A.label = Video 2 Button_280A7FEB_00C6_804B_4126_088FCB27077C.label = Video 3 Button_274CCD9D_00C7_80CF_4147_BEB494BA1E79.label = Video 3 ### Image Image_274C0D9D_00C7_80CF_4166_AB966E378499.url = skin/Image_274C0D9D_00C7_80CF_4166_AB966E378499_en.png Image_280B1FEB_00C6_804B_4158_CDE51A393172.url = skin/Image_280B1FEB_00C6_804B_4158_CDE51A393172_en.png ### Label Label_280ADFEB_00C6_804B_4150_9F1D8723BFE6.text = Category 1 Label_274C2D9D_00C7_80CF_4150_C1E72612724A.text = Category 1 Label_274CFD9D_00C7_80CF_4165_E78520C22BDD.text = Category 2 Label_280A0FEC_00C6_804D_4146_4B446A2510F8.text = Category 2 ### Multiline Text HTMLText_274CFD9E_00C7_80CD_4150_5A1213F7CFF6.html =

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'

## Tour ### Description tour.description = By 360Creators ### Title tour.name = Simple Left Side Menu