Skip to Main Content

Overview

Navigation is an important part of your application and can determine the how your users navigate within your application. There are two navigation concepts that are key for Universal Theme: Navigation Menus and Navigation Bar.

Navigation Menus

The primary navigation structure for your application is defined as a Navigation Menu and is based on the List component in APEX. Navigation Menus are hierarchical and can be any level deep. This navigation control and can be both dynamic (based on a query), or static (based on static list entries). In addition, you can choose to position your navigation to the top or side of your screen.

To change your application's Navigation Menu settings, navigate to Shared Components → User Interface Defaults and then click on the edit icon next to the Desktop User Interface. From here, you can navigate to the Navigation Menu region and change the options listed.

Menu Bar

The Top Navigation Menu template renders your application navigation as a menu bar, similar to what you find on most desktop applications. This is commonly used for more complex applications with several layers of hierarchy within the navigation.

Tabs

The Top Navigation Tabs template renders your application navigation as tabs and is ideally suited for simple applications where you have approximately 6 or fewer tabs.

This navigation template will automatically be positioned to the bottom of the screen for small screen or mobile devices so it is more comfortable to access.

Mega Menu

The Top Navigation Mega Menu template renders your application navigation in a popup panel that can be opened or closed from the header menu button.

Mega menus are especially useful when you want to display all navigation items at once to your user, and is a very common pattern you will see across the web.

Side Tree Navigation

The Side Navigation Menu template renders your application navigation in a collapsible side panel. The navigation items are rendered as tree nodes that can be expanded.

Navigation Bar

The Navigation Bar is positioned near the end of the application's header, and typically contains links for user authentication, help, feedback, and other global items.

Navigation Bars are also based on the List component in APEX. However, as of APEX 5.1, you may only have a two-level deep menu.

To change your application's Navigation Bar settings, navigate to Shared Components → User Interface Defaults and then click on the edit icon next to the Desktop User Interface. From here, you can navigate to the Navigation Bar region and change the options listed.