Skip to main content
S
Sarahb1-Visitor
1-Visitor
September 4, 2019
Question

Header Home Menu

  • September 4, 2019
  • 2 replies
  • 4029 views

When I click the hamburger button in the header, it opens a side window with a Menu that only contains the word Home and all I can do is open and close this window. How do I edit this space to add/change the content in it and possible change the behavior (JS functions, buttons, text, etc). If I can't modify this space, is there a way to use the header but remove the hamburger button?

2 replies

S
sdidier17-Peridot
17-Peridot
September 5, 2019

Hello,

 

This side window menu list all Views created in the Experience.

We cannot change it to add space or something else.

 

It is still possible to hide it and to create a custom menu to navigate in the Experience.

 

Steps :

  1. In Vuforia Studio, in the Project,
  2. In PROJECT panel, in CONFIGURATION section, in Info menu
  3. Switch off the View Navigation Menu checkbox

Vuforia_studio_disable_home_menu.png

 

 

 

Best regards,

Samuel

S
Sarahb1-VisitorAuthor
1-Visitor
September 5, 2019

How do you create a custom menu? Also, when I switch the navigation menu to hidden, it goes away in the preview, but is still there once I publish. Is there something else I can do to hide the menu? 

 

Thanks!

S
sdidier17-Peridot
17-Peridot
September 6, 2019

Hello Sarah,

 

To create a custom menu, it is needed :

  1. Create a new View
  2. In 2D canvas, add some Widgets like Buttons or Images
  3. Add Binding for each Widgets when clicking on it to show another View or to do a specific actions
  4. In PROJECT panel, in CONFIGURATION section, in Experiences menu, in Experiences listed, select in the Initial View list the View item who is the main menu

 

About the issue with View Navigation Menu, I didn't notice a such problem in my environment.

  • Do you have a Project where the issue is reproducible to share ?

         I would reproduce the issue locally at PTC.

 

Thanks in advance for your help.

 

Best regards,

Samuel

S
SC_93160225-Regular Member
5-Regular Member
July 29, 2021

Bringing this topic back up - I'm building an expansive experience, and I LIKE the built-in hamburger menu.  My UX testers are having a problem finding it, though - I need to access the js call that triggers the Menu to slide/appear with a custom button on my initial 'homescreen'.  

 

I assume this would be a 'twx' call or possibly ionic... Anyone know?  Thanks!

S
sdidier17-Peridot
17-Peridot
August 2, 2021

Hello,

 

The solution to have more details is :

  1. In Vuforia Studio, in a Project with 2 Views, run Preview
  2. In Google Chrome web browser, open Developer tools
  3. In Elements tab, try to find html code who is behind UI. For the hamburger menu, please have a look to this screenshot :

hamburger menu - html code.png

    4. We can see that an ion-side-menu html element. ion suggests that it is an element from Ionic framework.

    5. I did a search on the web to have more details. I didn't find ion-side-menu in Ionic framework but I found many article related to side menu derivated from ion-menu API. So, I believa that it has been developed in the same way here and I guess that the ion-menu API documentation can be applied here.

       https://ionicframework.com/docs/api/menu

 

       So, in your case, these events might be used with success : ionDidClose, ionDidOpen, ionWillClose and ionWillOpen.

 

Best regards,

Samuel

Terms & ConditionsCookie settingsAccessibility statement