✨Simplify Your APEX UI with a Three-Dot (Kebab) Menu

-

🚩Introduction 

  • In modern Oracle APEX applications, keeping the interface clean and easy to use is very important. One useful feature is the three-dot button (⋮), which opens a popup menu and allows users to access multiple options in one place.

  • Instead of displaying many action buttons on the screen, users can simply click the three-dot button to view additional options in a popup menu. This helps keep the page neat, improves usability, and provides quick access to important actions.

📑 Why This Approach Is Needed

In Oracle APEX applications, users often need quick access to actions or options without going through multiple menus or screens. Displaying too many options directly on the page can make the interface look crowded and difficult to use.

Using a three-dot popup menu becomes useful when:

  • Users need quick access to multiple actions from a single button

  • The page should stay clean and well organized

  • Users should be able to find options without too much navigation

  • Applications need to provide a better and faster user experience

  • A simple and easy-to-use interface is important

This approach keeps the page clean and organized, reduces user effort, and provides a smoother and more user-friendly experience while keeping the implementation simple in Oracle APEX.

👉 Use Case: Creating a Three-Dot Button Menu with Popup in Oracle APEX

In Oracle APEX, users often need quick access to multiple actions without making the page look crowded. A three-dot button (⋮) can be used to open a popup menu that contains different options or actions, making it easier for users to interact with the application.

In this blog, we will see how to implement this feature in Oracle APEX. With a single click, users can open a popup menu and access different actions easily. This helps keep the interface clean, improves usability, and provides a smooth and user-friendly experience.

Step 1: 

First we need to create one List for our usecase, to do so, in the App Builder, navigate to the shared components and under the Navigation and Seach section, click on the lists option, it will open the list creation page.

 Step 2: 

In that page, click on the create button, to create new list. It will open a new popup window, enter the list name and select the list type either static / dyanamic based on your requirement, we are going to give list name as Menu_List and type as static and click next button.


Step 3: 

You will see one more popup window for entering the list entries and the target url page and click on the next button and click create list button.


Step 4: 

Now the List will be created and you can add new entry or modify the existing one based on your requirement.

Step 5: 

Now, in the page builder, create one region and select the type as List and under the Source attribute select the List which we created in the previous step.

Step 6: 

Under the appearance section select the Blank with Attributes from the Template property and give the the static id RG_MENU in the static id property in the advanced section.


Step 7: 

Now click on the Attributes tab in the top right corner and under the Appearance section, select the list template as Menu Popup.

Step 8: 

Next, create one region of type static content and create one button under that region. Name the button and select the slot position to copy. Under the Appearance section, select the button template as ICON and enter the icon as fa-ellipsis-v.

Step 9: 

Under the Behaviour section, select the action as Defined by Dynamic Action and under the Advanced section, in the custom attributes copy the following : 
                           
                                                 data-menu = "RG_MENU_menu"


Step 10: 

Now save and run the page, you will see the region with the button, on clicking on that button, a popup will be shown with the created list entries.




🔥 Conclusion

Thus, in Oracle APEX, using a three-dot (⋮) menu is a simple way to keep the page clean and easy to use. Instead of showing many buttons, users can click the menu to see more options. This makes the page look neat, saves space, and helps users quickly find what they need while keeping the application easy to use.


Comments

Post a Comment

Popular posts from this blog

🔍 Extending Smart Search Filter for Multiple Regions

-
Image
🚩Introduction  In Oracle APEX, the Smart Search filter is a convenient feature that allows users to quickly search data in a Classic Report or Cards region without writing custom code. However, this functionality is limited to a single region , which can be restrictive when a page contains multiple regions that should respond to the same search input. In this tutorial, you will learn how to extend the Smart Search filter to work with multiple regions on the same page . We will implement a solution that allows one Smart Search input to drive filtering across multiple Classic Report ,Cards regions etc. By the end of this tutorial, you’ll have a clear, reusable approach for coordinating search behavior across regions, improving both usability and consistency in your Oracle APEX applications without breaking the declarative nature of APEX. 📑 Why Extending the Smart Search Filter Is Needed The built-in Smart Search filter in Oracle APEX works well when a page contains a single sear...
Read more

💡 Designing Dynamic QuickPicks in Oracle APEX

-
Image
🚩Introduction  Oracle APEX provides Quick Picks as a convenient way to allow users to populate page items with predefined values using a single click. While static Quick Picks are useful, real-world applications often require these values to be generated dynamically based on business rules, user roles, or underlying data. This blog explores how to implement Dynamic Quick Picks in Oracle APEX page items , enabling developers to build more intelligent, flexible, and user-friendly forms by driving Quick Pick values directly from database queries and runtime logic.  📑 Why Dynamic Quick Picks Are Needed   Static Quick Picks in Oracle APEX are useful for simple filtering, but Dynamic Quick Picks become essential when: Filter values must be generated at runtime based on current data, user role, or context Applications require data-driven filters instead of hardcoded values The same Quick Picks must adapt across multiple pages or regions Filter options depend ...
Read more

📌Track Active Tab switch in Region Display Selector without any plugins

-
Image
🚩Introduction  In Oracle APEX applications, Region Display Selector components helps to organize multiple regions efficiently. However, APEX does not provide a built-in declarative option to detect which tab is active when users switch between them, making it challenging to trigger conditional logic based on tab selection. This can be solved by creating the custom dyanamic action to capture the tab change. This approach enables dynamic actions like refreshing regions or executing custom logic whenever a tab becomes active, without requiring any plugins. 📑Why It is Essential to Track Tab Selection in Region Display Selector In APEX applications, pages often organize multiple regions under a Region Display Selector to separate content like Details, History, or Reports. While this improves layout, users actions on different tabs often require specific logic to run, such as refreshing a region, loading dynamic content, or updating page items. Without capturing which tab is active, de...
Read more