Skip to main content

Pages

Mango's custom pages system lets you build any interface you need for monitoring, controlling, and visualizing your SCADA and IoT data. Pages are built with HTML using the <ma-*> component library and Angular Material layout directives, then served within the Mango single-page application framework.

In This Section​

  • Custom Pages -- Create and manage custom pages using the Page Editor. Covers the code editor, live preview, page permissions, adding images, starting from templates, and creating menu items for your pages.
  • Editing the Menu -- Customize the sidebar menu structure by hiding, reordering, and creating menu items. Configure menu item properties including icons, labels, permissions, URLs, and Date Bar visibility.
  • Linking Between Pages -- Navigate between custom pages using UI-Router states. Pass parameters through URLs to pre-select data points or configure page behavior from links and buttons.
  • Styling with Data -- Bind data point values to CSS properties using ng-style for dynamic visual effects including opacity fading, color shifts, blur, saturation, and CSS animation speed.