Allow Page Creator to show a menu navigation using a menu display fragment leveraging common styling options

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: 7.4.13 DXP GA1, Master
• Component/s: Out of the box Fragments > Navigation Menu
• Labels:
  • d_20_09
  • fc_20_09
  • fc_20_10
  • fc_20_11
  • fc_20_12
  • no-ff
• Epic Link: Give flexibility to Non-technical users to visually create and style Navigations
• Git Pull Request: https://github.com/liferay-echo/liferay-portal/pull/2914

Intro/Context:

The goal of this story is to introduce a simple menu display that can be styled as the "Collection Display" fragment using templates. The menu display should allow using the existing navigation menus (and relative sub-menu items). 

-

Given the Page Creator wants to add a simple menu to a page "menu display" fragment

-

When the user has dragged a "menu display" fragment

Then the user can select a "Navigation Menu" from existing "Navigation menu"

 

-

When the user wants to style the menu display fragment

Then the user has the choice for styling:

• Display Style

• • Horizontal (see mock up)
  • Stacked (see mock up)
    • Fully opened (not collapsed - as shown in Mock Ups)
      • this is due to the parent could be clickable... 

 -

NOTES: "Category selection" will not support this for the moment until we can create Navigation Menus based on categories.

 

Design

Figma Mockup

Test Scenarios

Test Scenarios	Test Strategy	Kind of test	Is it covered by FrontEnd ? (JS-Unit)	Is it covered by BackEnd ? (unit or integration)	Could it be covered by POSHI?
Can select a navigation menu from existing ones in Menu Display fragment	Critical	Manual	No	No	Yes
Can define Display Style of Menu Display	Critical	Manual	No	No	Yes
Can define displayed sublevels in Menu Display	Critical	Manual	No	No	Yes
Can define the item color styles in Menu Display	Critical	Manual	No	No	Yes
Can navigate via Menu Display in Staging and Live site	High	Manual	No	No	Yes