Mega Menu Oracle Apex

Share on:

Mega Menu Oracle Apex

Mega Menu is collapsible floating panel which displays navigation entries at once. It enables users to reduce number of clicks to navigate.

Mega Menu

Features of Mega Menu

  1. Customizable
  2. Icons, Descriptions, and Badges
  3. Responsive
  4. Accessible and Keyboard Friendly

How to create?

Mega menu can use the exiting menu list like ** Desktop Navigation Menu **.

  • GO to Shared conponents
  • User Interfaces
  • Navigation Menu
  • Change List template to Top Navigation Mega Menu

Mega Menu Setup

Adding Icons to Mega Menu Items

To add Icons in Mega Menu items, only thing is required to specify the icons in nevigation list entries.

Mega Menu Icons

Menu item description is helpful to inform user before navigating to the page.

Adding Badge to Mega Menu Items

  • GO to Shared conponents
  • Navigation list
  • GO to List entry
  • User Defined Attributes
  • __ 2. Badge Value__
  • Enter the the badge value. Application items also accessible from here (&APP_ITEM.).

Mega Menu badges

Mega Menu Badge customization using custom class

  • GO to Shared conponents
  • Navigation list
  • GO to List entry
  • User Defined Attributes
  • 7. Badge Class
1.custom_class {
2    color: red;
3    background: cyan;
4    font-weight: bold;
5    font-size: 50px;
6}

Mega Menu badges Custom Class Setup Mega Menu badges Custom Class

Adding Description to Mega Menu Items

Setup

In Mega menu we can select the special mega menu list Template, which has plenty of options available for customization.

  • GO to Shared conponents
  • Navigation list
  • GO to List entry
  • User Defined Attributes
  • __ 3. Description__
  • Enter the item description

Responsiveness

Mega Menu Responsiveness

Sample App