20,919,685Total Points24,106Total Sites23,382Cell Towers69,500Racks Monitored56,753HVAC Units Monitored31,322UPS Units Monitored24,788Generators Monitored20,919,685Total Points24,106Total Sites23,382Cell Towers69,500Racks Monitored56,753HVAC Units Monitored31,322UPS Units Monitored24,788Generators Monitored20,919,685Total Points24,106Total Sites23,382Cell Towers69,500Racks Monitored56,753HVAC Units Monitored31,322UPS Units Monitored24,788Generators Monitored

Chapter 1: Getting StartedLesson 2 of 65

How to Navigate the Mango UI: Menus, Modules, and Common Patterns

Learn how to find your way around the Mango by Radix IoT interface including the main menu, module pages, the toolbar, and key UI patterns common across every screen.

  • 8 min read
  • Beginner
  • Mango 4.x / 5.x

Overview

Mango by Radix IoT's web-based interface is organized around modules — each module adds pages, menu items, and features. Understanding the layout helps you find configuration pages quickly and reduces the learning curve for new users.

The Main Menu

The hamburger menu (three horizontal lines) in the top-left corner expands the icon sidebar to show text labels. Mango groups every page under a small number of top-level sections:

  • Data integration — Data sources, Bulk data point edit, Publishers, Configuration import/export
  • Analytics — Watch lists, Watch list builder, Data point details
  • Events — the event and alarm list
  • Event Management — Event handlers and Mailing lists
  • Access management — Users and System permissions
  • Platform management — Edit menu, Edit pages, File stores, UI settings
  • Administration — Admin home, Modules, System settings, and Cloud connect if that module is installed

A few things catch people out here. There is no top-level "Data Points" or "Reports" section — data points live under Analytics → Data point details, and Excel reports under Analytics → Excel reports. Users are under Access management, not Administration. Installed modules add their own entries, so your menu will not match another installation's exactly, and role permissions hide sections you cannot use.

Several administration pages are not in the menu at all. They are superadmin-only and reached from Admin home: its Utilities card has a button for each tool your modules provide — Configuration import/export, Point value import, SQL console, Mango NoSQL and others — and More details on its Server status card opens System status.

The Toolbar

The top toolbar provides quick access to common actions:

  • Home icon — Go to my default page. You set that page by navigating to it and choosing Make this my default page from the same menu; Delete my default page clears it. There is no field to type a URL into
  • Alarm clock icon — appears only when there are unacknowledged events, with a badge counting them across every alarm level. Click it for a list by alarm level; each entry opens the Events page filtered to that level
  • User icon — reaches your User profile page and logout
  • Help icon — opens the help page for the screen you are on, which every page carries

Common UI Patterns

Once you learn these patterns, every module page feels familiar:

Tables with Inline Actions

Most list pages (data sources, data points, users) use a table layout. Each row has action icons on the right: edit (pencil), delete (trash), and sometimes copy or export. Click a row to select it; click the edit icon to open configuration.

The Sliding Panel

Editing a data source or data point often opens a sliding panel from the right side. Make your changes and click Save in the panel. The panel closes and the table refreshes.

Toggle Switches

Data sources and event detectors use toggle switches to enable or disable them. Green means active; gray means disabled. Disabled items remain configured but do not run.

Tag Filters

Many pages include a tag filter bar at the top. Type a tag name or click from the dropdown to filter the table to matching items. This is how you narrow large lists to a specific site or device group.

Key Administration Pages

PageLocationPurpose
System settingsAdministration → System settingsEmail, database, backups, purge, HTTP, and the rest of the instance settings
UsersAccess management → UsersCreate users and assign roles. Not under Administration
System permissionsAccess management → System permissionsWhich roles may perform each system-level action
ModulesAdministration → ModulesInstall, update, or remove modules
Configuration import/exportData integration → Configuration import/exportBulk configuration via JSON. Also a button on Admin home's Utilities card
System statusAdmin home → Server status card → More detailsInternal metrics, threads, and logs — this is where system health lives. Not in the menu; superadmin only
SQL consoleAdmin home → Utilities card → SQL consoleDirect database queries. Not in the menu; superadmin only

Module-Specific Pages

Installed modules add their own pages to the menu. Common examples:

  • Dashboard Designer — adds the Dashboard designer page under Platform management
  • Excel Reports — adds Analytics → Excel reports, plus its own settings page under System settings
  • Platform Manager — adds General overview, Site overview and Device details, and a superadmin-only Configuration section for sites and device types
  • Each data source protocol (Modbus, BACnet, SNMP and so on) adds its own editor to the Data sources page rather than a new menu entry

Two names worth getting right: the module is Dashboard Designer, not "Dashboards", and reporting is the Excel Reports module. There is no "Watchdog" module — watchdog in Mango is a browser-side service that watches your connection to the server, and system health monitoring is core, in System status — reached from More details on Admin home's Server status card.

Navigating Between Related Items

Mango provides navigation shortcuts between related objects:

  • From a data point, click the data source name to jump to the parent data source
  • From a data source, click "Data Points" to see all points under that source
  • From an event, click the source link to jump to the detector or point that raised it
  • From a watch list, click a point name to open its details

Keyboard Shortcuts

Mango does not define application-wide shortcuts, so what you get is the browser's and the UI framework's own behaviour:

  • Esc — closes an open dialog or panel
  • Tab / Shift+Tab — moves between form fields, as in any web form
  • Arrow keys and Enter work inside dropdowns and option lists
  • There is no Ctrl+S. Use the Save button on the page or panel — nothing is written until you do

Customizing Your Home Page

Each user can set the page they land on after login, but not by typing a path into a settings field. Navigate to the page you want, then choose Make this my default page from the home menu in the toolbar. The home icon afterwards reads Go to my default page, and Delete my default page clears it. The setting is per user, so each operator can point at the dashboard they actually work from.

Summary

Mango's UI revolves around the main menu, the toolbar, and consistent table-based pages. Learn the common patterns — sliding panels, toggle switches, tag filters — and every new module will feel familiar. Set your home page to the dashboard you use most, and use tag filters to navigate large deployments efficiently.

Get free access to all 65 Mango by Radix IoT training lessons

One short form unlocks every lesson and its video in this browser.

This form is hosted by Zoho. It loads only after you enable support cookies or choose to load it below.

We honored your browser’s Global Privacy Control signal — optional cookies are off and nothing is tracked.