Skip to main content

Dashboard Designer

The Dashboard Designer is Mango's visual page builder -- a drag-and-drop editor that lets you create dashboards without writing HTML code directly. It generates the same <ma-*> component markup used in the Page Editor, but provides a graphical canvas where you position and configure components using your mouse and property panels.

The Dashboard Designer is ideal for building monitoring dashboards, system status pages, and data visualization layouts. Pages created in the Dashboard Designer can also be refined in the Page Editor's code view for additional customization.

In This Section​

  • Basic Usage -- A comprehensive guide to the Dashboard Designer interface, including page controls, component libraries, the canvas, attribute inputs, keyboard shortcuts, and the code view.
  • Dynamic Dashboard Workflow -- Learn how to build dynamic dashboards that respond to watch list selections, use parameterized data bindings, and update automatically as the user selects different data points or watch lists.