top of page
  • naveenaggarwal12

Navigation Menu : Tips & Tricks

Today in this blog I am going to discuss a tip about the Navigation Menu of any APEX application.

Navigation Menu is one of the basic share component units which is used in almost every application.

We often create child navigation units which are categorized under a parent navigation unit. Like in the following example "sales by category", "sales by month", "sales by product" all are child navigation units of parent unit "Reports".

If we have to expand the "Reports" section, we have to click on the down arrow only.

But how can we make it more better, like even if I click on "Reports" also it should expand the list. Lets see how to build this feature:

Step 1: Go to Global Page and create a dynamic action for "click" event.

Event : Click

Selection Type : jQuery Selector

jQuery Selector : .a-TreeView-content

TreeView is a jQuery UI widget that implements a tree view used to display and interact with hierarchical data.

Please go through following link to read more about this JQuery Widget

Step 2: Set the following properties of True action

Action : Execute JavaScript Code

Code : $(this.triggeringElement).parent().find('.a-TreeView-toggle').click();

As we have built this dynamic action on Global page so it will be applicable to all the navigation units of the application.

That's it !!

It is a very simple way to enhance the navigation menu functionality of your application.

Hope you liked it.

647 views1 comment

Recent Posts

See All

1 Kommentar

08. Apr.

Thanks, this works great for a side menu. How do get the functionality on a sub menu. For a sub menu of a sub menu?

404 Not Found

2024-04-08T16:37:47.505795Z | Nea_-qK6YqH6zRrm9-LwOA

Debug Trace

[TE] url-mapping start: 2024-04-08T16:37:47.505Z duration: 0ms Could not find any dispatcher to handle request: --Attributes--

Gefällt mir
bottom of page