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

Community Tip - Did you get an answer that solved your problem? Please mark it as an Accepted Solution so others with the same problem can find the answer easily. X

Mashup Navigation with Menus Part 2

No ratings

 

 

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.

    43-mnwm-masters.png

     

  2.  Click +New.

    44-mnwm-new-master-popup.png

     

  3.  Leave the defaults and click OK.

    45-mnwm-new-master.png

     

  4.  In the Name field, type MNWM_Master.
  5. If Project is not already set, search for and select PTCDefaultProject.

    46-mnwm-master-name.png

     

  6.  At the top, click Save.

    47-mnwm-master-save.png

     

  7.  At the top, click Design.

    48-mnwm-master-design.png
     

     

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.

    49-mnwm-master-layout.png

     

  2.  Click Add Top.

    50-mnwm-master-add-top.png

     

  3. With the new top-section still selected, scroll down in the Layout tab, and select Container Size > Fixed Size.

    51-mnwm-master-fixed-size.png

     

  4. In the new Height field, type 50, then hit your keyboard's Tab key to apply the change.

    52-mnwm-header-50px.png

     

  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.

    53-mnwm-master-widgets.png

     

  2. Drag-and-drop a Menu Widget onto the top Canvas section.

    54-mnwm-drag-drop-menu.png

     

  3. Ensure the Menu Widget is still selected, as well as the Properties tab in the bottom-left.

    55-mnwm-widget-properties.png

     

  4. In the Filter field, type menu.

    56-mnwm-properties-filter.png

     

  5. For the Menu Property, search for and select MNWM_Menu.

    57-mnwm-configure-menu.png

     

  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.

    58-mnwm-return-homepage.png

     

  2.  In the top-left, click the Explorer tab.

    59-mnwm-explorer.png

     

  3. Ensure that Mashup is selected.
  4. On the bottom-left Properties tab, in the Filter field, type master.

    60-mnwm-master-filter.png

     

  5. For the Master Property, search for and select MNWM_Master.

    61-mnwm-configure-master.png

     

  6.  At the top, click Save.
  7. At the top, click View Mashup.
    • You may need to enable "pop-ups" in your browser.

    62-mnwm-view-mashup.png

     

  8. Click Park.

    63-mnwm-park-page.png

     

  9. Click Amphitheater.

    64-mnwm-amphitheater-page.png

     

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
ExperienceTrack Issues with Pareto Chart

 

Additional Resources

 

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

 

 Resource       Link
CommunityDeveloper Community Forum
SupportFoundation Help Center - Menu Entity
SupportFoundation Help Center - Menu Widget

 

 

Version history
Last update:
‎Nov 15, 2022 02:52 PM
Updated by:
Contributors