cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Want the oppurtunity to discuss enhancements to PTC products? Join a working group! X

Header Home Menu

Sarahb
4-Participant

Header Home Menu

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?

10 REPLIES 10
sdidier
17-Peridot
(To:Sarahb)

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

Sarahb
4-Participant
(To:sdidier)

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!

sdidier
17-Peridot
(To:Sarahb)

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

Sarahb
4-Participant
(To:sdidier)

I am unable to send you the project because I'm not allowed to share my work. I just checked again, and although I set the navigation menu to 'hidden', the header and hamburger button (with the menu of all views) is still there in the preview and when published. 

sdidier
17-Peridot
(To:Sarahb)

Hello Sarah,

 

  • Can you confirm that the Header Home Menu described is similar as in this screenshot ?Vuforia_studio_home_menu.png

 

  • By the way, it is possible to have the same result by using an Header widget, also.

 

vuforia_studio_header_widget.png

 

  • Are you using also this Widget in your 2D View ?

 

Also, please find attached an example Project with the same settings as described in this thread.

 

Best regards,

Samuel

Sarahb
4-Participant
(To:sdidier)

Yes, the header home menu is the same, and yes I used the header widget. When I open up your project, the menu is still there even though the settings are set to hidden, so I may be misunderstanding what should happen when the navigation menu is hidden. 

sdidier
17-Peridot
(To:Sarahb)

Hello Sarah,

 

By default an Header menu is present but not included in View.

Using the View Navigation Menu checkbox is hidden it.

 

If a Header is added in 2D View, it is displayed event the value of the View Navigation Menu checkbox.

 

Best regards,

Samuel

 

SC_9316022
5-Regular Member
(To:sdidier)

Sorry - I replied to OP and meant to reply to sdidier

 

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!

SC_9316022
5-Regular Member
(To:Sarahb)

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!

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

Top Tags