Allow Page Creator to build a mega menu leveraging fragments and common styles 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_11
  • fc_20_12
• Epic Link: Give flexibility to Non-technical users to visually create and style Navigations

Intro/Context:

The goal of this story is to allow to create dropdown fragment that will leverage dropzone capabilities and allow dragging/dropping fragments like menu displays or any that will constitute a megamenu.

 

Given the user is working on a new navigation menu

-

When the users placed a Dropdown fragment to the page

Then the user can edit the text of menu item of the dropdown item

-

When the users wants to configure the behaviour of the Dropdown

Then the user can show/hide a dropdown panel (that expands when selected) in order to place fragments in the dropzone

-

When the user wants to work on the dropzone panel

Then  the user can define the Dropdown panel width (full width, or Regular width)

• regular is to do a regular dropdown
• full width is to adapt the size to the container
• mega menu is to design a mega menu

-

When the users shows the dropdown panel 

Then the user should be able to add fragments (including "menu display") in the DropZone

-

 

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 edit the text of dropdown button in Dropdown fragment	Critical	Manual	No	No	Yes
Can define the displayed behavior of dropdown panel in Dropdown fragment	Critical	Manual	No	No	Yes
Can define the panel type of Dropdown fragment	Critical	Manual	No	No	Yes
Can add fragments into drop zone of Dropdown fragment	Critical	Manual	No	No	Yes