Navigation

Overview

Network admins can centrally personalize the primary navigation for users accessing MangoApps using web & mobile apps.

  1. Navigation Items List: Displays a list of “enabled” modules and admin-created custom links to your domain. Drag-and-drop the items to reorder them. Hover over the items to display the action buttons for each item.

  2. Toggle Bar: Click the toggle bar to show/hide the menu item in the LHS navigation on the User Portal.

  3. Manage Sub-Menus: Click the Manage Sub-Menus button to add and manage the sub-menu items.

  4. Add a Custom link: Click to add custom links to a page/site inside or outside MangoApps. Each navigation has support for adding custom links to it.

  5. Save Changes: Click the Save Changes button to apply the new navigation order to all network users.

  6. Default Guest and Network User Navigation: Default navigation for network users and guest users cannot be disabled or deleted. The default navigation for network users can be edited and personalized by the end user (if enabled by admins).

  7. Action button: Admins can edit and duplicate any custom navigation that they have created. Default out-of-the-box navigation for network and guest users can't be disabled or deleted. They can be duplicated to create new custom navigation.

    • Edit: This allows you to edit or modify the navigation that they have created.

    • Duplicate: This allows to duplicate the navigation.

Adding a New Navigation

Admins can create unlimited personalized navigation based on network and guest user segments.

Both specific users and rule-based user segments can be used to personalize navigation.

On the Navigation page,

  1. Click Add Navigation.

  2. Enter the name for navigation.

  3. Select User Segment from the list.

  4. Select the landing page on which you want to land in the navigation section.

  5. Click Save to save the changes.

Personalize navigation based on User Segments

  • Admins can create unlimited personalized navigation based on network and guest user segments.

  • MangoApps will show the right navigation to a user based on the user segment they belong to.

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

Personalize landing page

Admins have the option to enable personalization of the landing page by the end user.

Personalization of landing page is enabled for the default navigation of network users only.

  1. From the default network user navigation, click Edit.

  2. Enter the name for navigation.

  3. Select the User Segment.

  4. Select the landing page on which you want to land in the navigation section.

  5. Select Yes or No to allow end users to manage their navigation and landing page.

  6. Click Save to save the changes.

vertical vs horizontal navigation based on user segments

Configure the navigation style as vertical on the left of the page or horizontal on the top of the page. One user segment can have a vertical style configured, while another user segment can have a horizontal navigation style. Vertical style of navigation is selected, an additional choice to open navigation menu on hover vs on click.

Mobile Bottom Navigation Bar

The modules have been conveniently placed on the bottom navigation bar, allowing easy access with just one tap. For any additional modules that cannot fit in the bar, they can be found inside the "More" menu. The order of the modules in the bottom navigation bar can be customized according to your preferences through the web interface.

  1. Main Screen Only: In this mode, screen that are directly accessible from the Navigation will have the bottom navigation bar available.

  2. Most Screen: In this mode, most of the screens in the app, except a few like compose will always have the bottom navigation bar available.

Manage Sub-Menus

  1. Click the Manage Sub-Menus button of the new section to open the Manage Sub-menus pop-up.

  2. Mark the checkbox for the preferred modules to add them within the new section as sub-menu items, and then click Done.

  3. Drag-and-drop the new section to reorder it. This is an optional step.

  4. Click the Apply Navigation button to save and apply the changes to the navigation for all network users.

Network admins can add custom links to the LHS navigation for internal and external URLs for all network users.

To create a custom link:

  1. Click Add a Custom Links.

  2. Enter the label for custom links. Admin created links can’t be edited or deleted by users.

  3. Select the icon for the section from the Icon picker. Select the Simple type for the link.

  4. Enter internal/external URLs in the URL text box. For example, copy and paste the URL of the Vacation request form created in the Forms and Trackers module.

  5. Select the New tab or Current tab in which you want to open the customize link in the current tab or in the new tab.

  6. Click Save.

Network admins can create condition-based links in the LHS navigation for internal and external URLs for all users. Based on the condition evaluating to be true, the appropriate custom link URL gets applied to the user. For example, to display different leave policy pages to network users based on their office location, create a condition-based link for the company leave policy and add the URLs of the pages for different conditional rules.

Network admins can create condition-based links in the LHS navigation based on a user’s:

  • Title

  • Organization

  • Access Platform

  • Projects

  • Groups

  • Departments

  • Office Location

  • User Type

  • Custom Profile Fields

To create a condition-based link, follow the given below steps:

  1. Click the Add a Custom Link.

  2. In the Add a custom link pop-up, enter the label for the section in the Label text box. For example, enter Leave Policy in the Label text box.

  3. Select the icon for the section from the Icon picker.

  4. Select the Condition Based type for the custom link.

  5. Select the preferred condition for the custom link from the When drop-down list. For example, select the Office Locations option for evaluating a user's office location and use the specified URL when at least one of the defined rules evaluate to be true for a user.

  6. Add the rules for the selected conditions. Add a condition value and URL for each case in the Equals and URL text boxes.

    • Add the office location in the Equals text box as 'MangoApps Seattle' and the URL to redirect to when the condition evaluates to be true for a user.

    • Add the office location in the Equals text box as 'MangoApps Pune' and the URL to redirect to when the condition evaluates to true for a user.

    • Add the office location in the Equals text box as 'MangoApps London' and the URL to redirect to when the condition evaluates to true for a user.

    Click the + Add More link to add more rules to the conditions.

  7. Select the option for the browser window when a user clicks the navigation custom link on the User Portal in the Opens in drop-down list.

    • Select the Current Tab option to open the navigation custom links in the same tab.

      OR

    • Select the New Tab option to open the navigation custom links in a new tab within the browser.

  8. Mark the Allow users to hide this Custom link checkbox to allow network users to click the toggle bar for the navigation custom links and hide the links from their LHS via the 'Manage Navigation' option on the User Portal. This is an optional step.

  9. Click the Save button to create new custom links in the navigation for all network users.

  10. Click on Save Changes to save and apply the changes to the navigation for all network users.

FAQs

What is navigation?

Navigation is a way for network admins to set the default order of the left primary navigation bar in the user portal. The order can be changed by hovering over a specific item in the list and then using your mouse to drag and drop the item to its new position. When you click the 'Apply Navigation' button, the new order gets applied to all network users and admins in your domain.

What are the items you see in the list?

Navigation consists of a list of enabled modules and shortcuts to apps/resources.

What happens when you apply the navigation?

The navigation order gets applied to all network users and admins in your domain. The navigation order of guest users is NOT affected, as they have a fixed navigation order.

Can you add more items to the navigation?

Yes, you can. Use the 'Add a shortcut' link at the bottom of the page to add more items to the list.

Can you remove an item from the navigation?

All enabled modules are available in the navigation. To remove a module from the navigation, you will need to disable it (via Admin Portal > Modules > Setup). Remember - disabling a module removes access to that functionality from all users in the domain. Any shortcuts you add to this list can be removed by hovering over the shortcut item and clicking on 'Delete'.

Can any user remove an item from the navigation?

Users can hide modules from their primary navigation. They can also edit/delete/hide their own created shortcuts and hide admin shortcuts if the admin has enabled 'Allow user to hide this shortcut' option. Admin-created shortcuts cannot be edited or deleted by users.

Can any user edit the navigation order you apply?

Yes, any network user can re-order the list in any way to best suite their usage of modules & shortcuts.

What happens if a user has shortcuts set on the navigation and then the network admin applies a new navigation order?

The new navigation order gets applied to all network users and admins. The user-created shortcuts in the navigation are moved to the end/bottom of the newly applied navigation order.

To see how these configurations impact Navigation on the User Portal, see Primary Navigation in the User Portal Guide.

Last updated