Mashup Navigation with Menus Part 2

[#1]

• Step 6: Create Master
• Step 7: Menu Navigation
• Step 8: Next Steps

Step 6: Create Master

Now that we have created our Menu Entity, we can create a Master Mashup to hold a Menu Widget. We'll use the Menu Entity to configure the Menu Widget. 

1.  Navigate to Browse > Visualization > Masters.
   
   
   
2.  Click +New.
   
   
   
3.  Leave the defaults and click OK.
   
   
   
4.  In the Name field, type MNWM_Master.
5. If Project is not already set, search for and select PTCDefaultProject.
   
   
   
6.  At the top, click Save.
   
   
   
7.  At the top, click Design.
   
   
   

Add Header

Now that we've created the Master Entity, we need to add space for the Menu Widget.

1. At the top-left, click the Layout tab.
   
   
   
2.  Click Add Top.
   
   
   
3. With the new top-section still selected, scroll down in the Layout tab, and select Container Size > Fixed Size.
   
   
   
4. In the new Height field, type 50, then hit your keyboard's Tab key to apply the change.
   
   
   
5.  At the top, click Save.

 

Add Menu Widget

Now that we have somewhere to put it, we can finally add the Menu Widget and then configure it.

1. In the top-left, click the Widgets tab.
   
   
   
2. Drag-and-drop a Menu Widget onto the top Canvas section.
   
   
   
3. Ensure the Menu Widget is still selected, as well as the Properties tab in the bottom-left.
   
   
   
4. In the Filter field, type menu.
   
   
   
5. For the Menu Property, search for and select MNWM_Menu.
   
   
   
6.  At the top, click Save.

Step 7: Menu Navigation

We now have all the elements created to navigate using a Menu. The only thing left is to assign the Master to our Homepage and then view our work.

1.   Return to MNWM_Homepage_Mashup.
   
   
   
2.  In the top-left, click the Explorer tab.
   
   
   
3. Ensure that Mashup is selected.
4. On the bottom-left Properties tab, in the Filter field, type master.
   
   
   
5. For the Master Property, search for and select MNWM_Master.
   
   
   
6.  At the top, click Save.
7. At the top, click View Mashup.
   • You may need to enable "pop-ups" in your browser.
     
     
   
8. Click Park.
   
   
   
9. Click Amphitheater.
   
   
   

Note that you may wish to set MNWM_Master for the other pages of your application, just in case anyone were to navigate directly there via URL. But simply setting it on the homepage is enough for us to see that Menu navigation is functioning correctly.

Step 8: Next Steps

Congratulations! You've successfully completed the Mashup Navigation with Menus guide.

In this guide, you learned how to:

• Create a Mashup to be used as a "Home" page
• Create more Mashups as subpages
• Create a Menu Entity to track Mashups
• Create a Master Mashup as a Header
• Utilize a Menu Widget for navigation

 

Learn More

 Capability     Resource

Experience

Track Issues with Pareto Chart

 

Additional Resources

If you have questions, issues, or need additional information, refer to:

 Resource       Link

Community	Developer Community Forum
Support	Foundation Help Center - Menu Entity
Support	Foundation Help Center - Menu Widget