Guide Index
Guides HomeMangoApps WebsiteCommunity & SupportBlog & Resources
MangoApps Administrators Guide
MangoApps Administrators Guide
  • 🥭MangoApps Admin Guides
  • 🆕Admin Portal Navigation Bar
    • Recommendations
      • Increase Findability
  • Home
    • Dashboard
    • Pending Invites
    • Pending Approvals
    • Logs
      • Audit Log
      • User Access Log
      • Assistants Log
      • Security Log
      • Connector Log
      • Imports Log
      • Learn Automations Log
      • xAPI Activity Log
      • Webhook Log
      • Debug Log
      • Schedule Sync Log
    • Trash Can
      • Trash Can Tools
      • Trash Can Widget
    • Data Exports
  • 🆕Domain Setup
    • General Settings
    • Getting Started
      • Introduction Video
      • Terms of Service/ Privacy Policy
      • Change Password
      • Profile Items
      • Locale
      • Team Recommendations
      • Notifications
      • Invite
    • AI Settings
    • Page Templates
      • Design a Page Template
    • Locale
    • Digital Signage
    • Translate
      • Translate Modules
      • Glossary
      • Translate Settings
    • Startup Dialog
    • 🆕Reactions
    • Compose
    • 🆕Locations
      • 🆕General Settings
      • Locations
        • Adding an Office Location
      • Location Fields
      • Location Summary
      • Webhooks
    • 🆕Field Structures
      • Field Member Automation
      • 🆕Field Hierarchy Sync
    • Holidays
    • Companies
    • Resources
    • Service Usage
    • 🆕My Priority Items
  • 🆕User Management
    • Manage Users
    • Add Users
      • Invite Users
      • Import Users
        • Synchronize Users From ADP
      • Synchronize Users From AD/LDAP
      • Fetch From URL
      • Share Sign Up Link
      • Import Via API
    • Organizations
    • Admin Roles
      • Admin Role Permissions
    • User Segments
    • Team Segments
    • Assistants
    • 🆕Alias
    • 🆕User Status
    • Guest Users
      • Create a Guest User
    • Restricted Users
  • 🆕Modules
    • Ballots
    • Calendar
      • Calendar Event Types
      • Calendar Settings
      • Calendar Integrations
    • Campaigns
      • Settings
      • Templates
      • Categories
    • Chats
    • Company
    • CRM
      • Setup
      • Stages
      • Types
      • Lead Sources
      • Opportunities Access
      • All Opportunities
      • More Options
    • Departments
    • 🆕Files
      • 🆕Settings
      • File Storage
      • External Repositories
      • Cloud Folders
      • 🆕Manage
      • Configure Custom Fields
      • 🆕Show/Hide File Fields
    • Greetings
      • Manage Greetings
      • Manage Categories
      • Settings
    • 🆕Groups
      • 🆕Automatic Membership Management
    • Hashtags
      • Manage Hashtags
      • Categories
      • Settings
    • 🆕Home
      • 🆕Dashboard Selection
        • 🆕Web
        • Mobile
      • Settings
    • Ideas
      • Manage Ideas
      • Idea Categories
      • Idea Settings
    • Libraries
    • Media Center
      • Settings
      • Categories
      • Media Card
      • Custom Fields
    • Messages
    • My Recordings
    • 🆕News Feed
      • General Settings
      • 🆕Left Panel Widgets
      • 🆕Right Panel Widgets
    • Notes
      • Settings
      • Templates
    • 🆕People
      • 🆕Settings
      • 🆕Full Profile
        • Managing Profile Fields
      • Profile Preview
      • People Directory
      • Org Chart
      • Skills
      • Webhooks
    • 🆕Posts
      • Settings
      • Content Template
      • Alert Template
      • Categories
      • 🆕AI Actions & Workers
    • Projects
      • Project Templates
    • Quizzes
    • Recognition
      • Settings
      • Data Sources
        • Add Data Source
          • Create Custom Items Tracker
          • Order History Tracker
      • Reward Catalog
      • Award Categories
      • Awards
      • Core Values
      • Reward Points Allocation
      • Order & User History
      • Recognition Insights
    • 🆕Schedules
      • Shift Data Source
        • Integration with Kronos
      • Tab Settings
        • Attendance Reports
      • 🆕Schedule Settings
      • Attendance Settings
      • Availability
    • Setup
    • 🆕Surveys
    • 🆕Tasks
      • 🆕Task Settings
      • Task Types
      • Task Priorities
      • Task Templates
      • Task Automations
      • Task Tabs
    • To Do
      • Settings
      • Sections
    • Trackers & Forms
      • Create a Tracker Template
      • Configure Tracker Settings
    • Vault
      • Employee Vaults
      • Integration
      • Audit
      • Folders
      • Settings
      • Vault Permissions
    • Wikis
  • 🆕Navigation
    • 🆕Add New Navigation
    • Navigation Styles
    • Add Custom Links
    • FAQ
  • 🆕Email
    • Configuration
    • Content
    • 🆕Digest
    • Accepted List
    • Rejected List
    • Unsubscribed Users
  • Notifications
    • Settings
    • Security Notification
    • External Apps
  • SSO
    • Connections
    • Applications
  • Search
    • Insights
    • Data Sources
    • Saved Searches
    • Relevance Tuning
    • Look Ahead Sections
    • Search Settings
  • Automation
  • 🆕Security
    • Browser Access
    • 🆕Desktop & Mobile Access
    • User Devices
    • Synced Computers
    • Password Settings
    • Session Settings
    • Virus Scan
  • Compliance
    • Accessibility
    • Delete Settings
    • Self Destruct
    • Data Retention
    • eDiscovery
      • Create a Hold
    • DLP Policies
      • Policy Rules
      • Matches Log
      • Create a DLP Policy
    • Terms of Service
    • Usage Policy
    • Email Compliance
    • Export Data
  • Moderation
    • Queue
    • Insights
    • Settings
  • 🆕Governance
    • Overview
    • Items
    • 🆕Automation
    • Archived
    • Settings
  • Social Advocacy
    • Social Advocacy Tools
    • Settings
    • Social Posts
    • Insights
    • Social Posts Sharing
  • Integrations
    • MangoApps Open APIs
    • Webhooks
  • Branding
    • Branding Toolbars
    • Portal
      • Custom Branding Colors
      • Home Page: Modern vs. Classic View
      • Text Styles
    • Content
    • Widgets
    • Profile
    • Footer
    • Email
    • Custom
      • Add a Custom Header
    • Image Recommendations
    • ⭐Branding Implementation Checklist
  • 🆕Reports
    • Reports Tools
    • Generate a Report
    • FTP Export
    • 🆕Report Settings
  • Analytics
    • Adoption Dashboard
    • ROI Dashboard
    • Engagement Dashboard
    • Content Dashboard
  • Billing & Invoices
    • Plan
    • Invoice
    • Settings
  • Help Center Setup
    • Settings
    • Admin Training Videos
    • User Training Videos
    • Webinars & Videos
    • Help Center
  • Sitemap
  • 🚫Deprecated Features By Release
    • 🚫Activities (Deprecated)
    • 🚫Landing Page (Removed)
    • 🚫MangoApps File Sync Guide (Deprecated)
      • 🚫File Sync (Deprecated)
        • 🚫File Sync Tools (Deprecated)
      • 🚫Installation & Upgrade (Deprecated)
      • 🚫My Drive Sync
      • 🚫Synced Files
      • 🚫Synced Preferences
      • 🚫Notifications
      • 🚫Team Sync
    • 🚫Screen Share (Deprecated)
      • 🚫Screen Share Tools
      • 🚫Screen Share (Messenger)
    • 🚫Screen Share/Video Call Log
    • 🚫Type-2 Organizations (Deprecated)
    • 🚫Voice (Moved)
  • ADDITIONAL RESOURCES
    • Submit a Support Ticket
    • Release Notes
Powered by GitBook
On this page
  • Overview
  • Vertical Layout
  • Horizontal Layout
  • Mega Menu
  • Advanced Mega Menu
  1. Navigation

Navigation Styles

PreviousAdd New NavigationNextAdd Custom Links

Last updated 4 months ago

Overview

Configure the navigational style layout as vertically positioned on the left side of the page, horizontal at the top of the page, or horizontal at the top of the page with modules condensed into one mega menu. Different user segments can be assigned any of the navigation style layouts based on their preferences or specific requirements. If the vertical or mega menu navigation style is chosen, there will be an additional choice to open the navigation menu either on hover or on click, providing flexibility in user interaction. This configuration allows for tailored navigation experiences suited to different user segments and their preferences.


Vertical Layout

Vertical navigation menus offer several advantages. Firstly, they excel in space efficiency, particularly on narrow screen layouts like mobile devices or sidebar navigation panels, effectively utilizing limited screen space. Additionally, they present a clear hierarchy of menu items and submenus, aiding users in understanding the platform's structure and navigating different content levels easily. Moreover, vertical menus provide consistency across platform pages, ensuring a familiar and predictable navigation experience for users. However, they suffer from limited visibility due to constrained horizontal space, which may lead to shorter menu item labels or truncated text, making it challenging for users to swiftly scan and locate their desired options.

Vertical menus are recommended for a site with many items in the navigation menu. This way, the menu can be collapsed along the side of the screen, out of the way of the page's content.


Horizontal Layout

Horizontal navigation menus offer several advantages. Firstly, they provide a sense of familiarity as they mirror the layout commonly found in web browsers and software applications, thus making them intuitive for most users. Additionally, they make efficient use of screen space by displaying multiple menu items side by side, thereby reducing the need for scrolling. This layout also allows for direct access to all menu options at a glance, facilitating quick navigation to different sections of the platform. However, as more features are added to the platform, horizontal navigation menus can become crowded and cluttered, presenting a challenge for users to quickly locate desired options amidst the abundance of choices.

Horizontal menus are recommended for a more web-like experience and are best executed with a minimal amount of menu icons.


Mega Menu

Mega menus offer several benefits, including enhanced organization through a hierarchical structure that efficiently categorizes and organizes numerous menu items and submenus, simplifying users' search for specific content. Additionally, they enhance visibility by displaying icons alongside menu items, aiding users in making informed decisions. Moreover, mega menus streamline navigation by reducing the necessity for multiple clicks to access deeper levels of the platform, often enabling direct access to submenus from the main menu. However, the complexity introduced by mega menus with many modules and hierarchies may overwhelm users unfamiliar with the platform, making it challenging for them to navigate.

The megamenu is recommended for sites that would like to display a large amount of icons in a structured and accessible format. This combines the best of both worlds seen in the vertical and horizontal styles.


Advanced Mega Menu

The Advanced Mega Menu features several key sections, including the Top Right Section, which houses elements such as Chats, Messages, AI Assistants, and a Stock Ticker (visible only on the web).

Configuring the Advanced Mega Menu involves editing both the Top Right, Mega Menu, and Outside Mega Menu sections, with full control over the layout and content. Admins can also switch between different navigation styles, ensuring no data is lost during the transition. The Advanced Mega Menu is fully compatible with existing settings, including parent-child relationships for menu items.


Mega Menu Section

The Mega Menu Section allows admins to choose between different styles for the main action (Icon Only or Text Only) and menu items (Icon & Text or Text Only). Additionally, child items can be indented under parent items for better organization. A Featured Section highlights a priority item with customizable background colors and text, ensuring it stands out in the menu.

Admins can easily manage and add links through drag-and-drop functionality, and they have the option to mark newly added items with a "New" tag for better visibility.


Outside Mega Menu Section

The Outside Mega Menu Section allows the inclusion of additional modules and custom links, which can be displayed either horizontally or vertically depending on the configuration. Horizontal items appear in a row, while vertical items are stacked in a sidebar. This section is also fully editable by admins, with options to turn individual items on or off.

On mobile devices, the Advanced Mega Menu is displayed as a bottom navigation bar, providing full support for all sections, though the Stock Ticker is hidden for mobile users.

🆕