Search This Blog

Showing posts with label Adjust the menu bar. Show all posts
Showing posts with label Adjust the menu bar. Show all posts

Tuesday, June 24, 2025

How Do I Adjust the menu bar

Adjusting the Navigation Bar Menu in Oracle APEX

The Navigation Bar in Oracle APEX is managed through a List in Shared Components. You can reorder items, add dropdown menus, and organize navigation elements for a better user experience.


Moving a Navigation Bar Entry

If you want to reposition the "Menu" entry to appear before the user’s name, follow these steps:

  1. Open Your Application

    • Go to App Builder and select your application.

  2. Access Shared Components

    • Click Shared Components from the Application Home page.

  3. Locate the Navigation Bar List

    • Under Navigation and Lists, select Lists.

    • Open the Navigation Bar list for editing.

  4. Adjust the Sequence

    • Find the "Menu" entry.

    • In the Entry Section, change the Sequence to 01 (or a lower number than other entries).

    • Click Apply Changes to save.

Result: The "Menu" entry will now appear to the left of the user's name.


Adding a Dropdown Menu to the Navigation Bar

To add pages under the "Menu" entry as a dropdown, follow these steps:

Step 1: Create Sub-Entries for the Menu

  1. In the Navigation Bar List, click Create List Entry.

  2. Enter the following details for each page (Test Page 1, 2, 3):

    • Label: Enter the page name (e.g., Test Page 1).

    • Target: Set the link to the page (e.g., f?p=&APP_ID.:1:&SESSION. for Page 1).

    • Parent List Entry: Select Menu (this ensures the page appears as a dropdown under "Menu").

    • Sequence: Set a numerical order (e.g., 10, 20, 30 for the three pages).

  3. Click Create to save the entries.

Step 2: Verify Dropdown Structure

  • In the List Editor, confirm that Test Pages 1, 2, and 3 appear indented under the "Menu" entry.

  • Run the application to test the dropdown behavior.

Result: Clicking "Menu" will now display a dropdown containing links to Test Page 1, Test Page 2, and Test Page 3.


Finalizing Changes

  • Reorder List Entries as needed for proper organization.

  • Apply Conditional Display Rules to restrict visibility for certain users.

  • Test the Navigation Bar across different devices for responsiveness.

By adjusting the Navigation Bar and creating dropdown menus, you can enhance user navigation and provide a more intuitive experience in your Oracle APEX application. 


EXAMPLE:

Lets move the “menu” entry from the far right to the left of the user’s name.

In the List entry > Entry section – change the Sequence to 01

A screenshot of a computer

AI-generated content may be incorrect.


The change moves the “Menu” to the left of the name

A blue menu box with white text

Description automatically generated

How do I add dropdown pages to the added “Menu” item in the navigation Bar?

Lets add pages to the “Menu’s navigation. We will do the following for three Test Pages (1,2,3).

A screenshot of a computer

Description automatically generated

Should look something like this

A screenshot of a computer

Description automatically generated


A screenshot of a computer menu

AI-generated content may be incorrect.