🆕Add New Navigation

Overview

Admins have the capability to generate limitless personalized navigation styles tailored to both network and guest user segments. This customization can be achieved through individual user preferences or rule-based user segments.


Create a New Navigation Style

From the Navigation module within the Admin Portal, click the Add Navigation button. Assign a unique name to the new style navigation's name and select the relevant user segment. Only one user segment can be assigned per navigation style.

Default Landing Page

From the Add Navigation pop-up menu within the Admin Portal Navigation module, admins can specify which module users will see upon login to the user portal.

If a user belongs to multiple user segments, the first matching enabled navigation for the user segment in the list will be shown.


Style and Layout

Administrators can select the style for the new custom navigation menu from three options: Vertical, Horizontal, and Horizontal with Mega Menu layouts. Depending on the chosen layout, additional menu options will become available.

Following this selection, administrators can set the Top Bar and Side width from the dropdown menus. These options range from the full width of the website to a maximum of 1200 pixels. If the top bar is set to 1200 pixels, the site width is automatically limited to the same value. The sitde width represents the amount of width will be taken by site content.


Mobile Bottom Navigation Bar

In this section, admins can customize the order of modules and navigation style for mobile users. Modules that overflow on the screen will appear in the More menu on mobile.

Main Screen Only

In this mode, pages that are directly accessible from the Navigation will have the bottom navigation bar available.

Most Screens

In this mode, most of the pages in the app, except a few like Compose, Taking a Course, etc., will always have the bottom navigation bar available.


Manage Modules and Sub-Menus

Once the Add Navigation settings have been configured and saved, the new navigation style will become available in the left hand navigation style list. Click on it to begin customizing the layout of the modules within.

The option also exists to create Sub-Menus in the event you choose to keep modules active but don't necessarily want them as part of the at-a-glance navigational menu. To create a sub-menu, click the Manage Sub-Menus button next to the module you wish to serve as the parent.

From the pop-up menu, mark the checkbox for the preferred modules to add them within the new section as sub-menu items, and then click Done.

Modules within the resulting sub-menu can be re-arranged via drag and drop. Drag and drop additional modules into the new sub-menu or drag modules in the sub-menu out to re-add them to the at-a-glance menu.


Top-Bar Navigation

Customize the top-bar navigation by enabling the modules that users can access. These modules include the Chat, Messages, Stock Ticker, My Priority Items, and AI Assistant.

Adjust the visibility settings to display this item on web, mobile, or both platforms.

These module can also appear along the left-hand navigation menu by enabling them from the modules list in the Main Navigation section.


Stock Ticker (Advanced MegaMenu Only)

The Stock Ticker is configurable and allows admins to display real-time stock data, with the ability to set specific properties like company symbol, text color, and gain/loss indicators. This section is collapsible for a more streamlined navigation interface.


My Enterprise Apps

Once 3rd-Party Provisioned Apps are set up and enabled, MangoApps users can access these apps via the My Enterprise Apps widget or via the My Enterprise Apps item in the Top Navigation Bar.

This option appears in the top-right navigation section and can be enabled for both web and mobile platforms. Admins can choose which third-party apps to display through the “Show provisioned apps” setting. By default, the dropdown will show the apps provisioned in MangoApps.

End users will see a dropdown menu in the top navigation, where they can access their apps with a single click.


When satisfied, click the Apply Navigation button to save and apply the changes to the navigation style for all network users of the selected user segment.

Last updated