Creating Dropdown Menus with Fragments

Liferay DXP/Portal 7.4+

Liferay provides the Dropdown fragment to create advanced drop-down menus (A). With it, you can define drop zones for additional page fragments and widgets. These elements are then displayed to end users when they click on or hover over the Dropdown fragment.

The Dropdown fragment defines a drop zone where you can add other fragments.

The following table lists the Dropdown fragment’s General options (B):

OptionDescription
TypeControls the Dropdown fragment style.
SizeSets the Dropdown fragment size.
Panel TypeDefines the drop zone size:
  • Regular: Standard drop zone size.
  • Full Width: The drop zone size corresponds to the Module’s width containing the fragment.
  • Mega Menu: The drop zone size corresponds to the page’s width.
Display on HoverWhen you check this option, the Dropdown fragment opens on mouse-over.
Keep Panel Open in Edit ModeCheck this option to keep the drop-zone open while you edit the Dropdown fragment content.

You can define the drop zone size in the Dropdown panel using the Panel Type options.

Tip

Place the Dropdown fragment inside a Grid fragment to observe the differences between the Full Width and Mega Menu panel types.

You can define the drop zone size in the Dropdown panel using the Panel Type options.

Capabilities

Product

Contact Us

Connect

Powered by Liferay
© 2024 Liferay Inc. All Rights Reserved • Privacy Policy