graphics

Best practices for choosing between SVG, PNG, and other file types when building graphics packages in Tridium Niagara.

Step-by-step tutorial on configuring the Energy Dashboard within Metasys MUI for building automation and energy management.

Instructional guide for building and managing building automation graphics within the Johnson Controls Metasys MUI platform.

Complete walkthrough of adding equipment to Metasys MUI using SCT, including backup, equipment definitions, point mapping, spaces, and graphics configuration.

Tutorial on repairing Metasys MUI graphics when devices appear offline or points show as unreliable due to incorrect point identifier mapping.

Guide to customizing Metasys MUI dashboards with widgets, layouts, and role-based configurations for different user needs.

Step-by-step guide to building and implementing custom graphics within the Metasys UI environment.

Open UGT and use Edit Mode to add symbols (buttons, gauges, fans) to the workspace. Bind symbols to Metasys objects, set status colors, and configure navigation links.

Guide on utilizing the dashboard to monitor system security, identify risks, and view health status.

Select a Space or Equipment object in the SCT and use the Graphics Association tool to link Standard or Graphics+ files to that specific entity for display in the Metasys UI.

Exploration of automating BMS point tagging and graphical user interface generation using the ASHRAE 223P ontology and AI.

Niagara N4 graphics configuration guide for creating dynamic links within relativized VAV graphics to point to associated AHUs.

Introduction to creating and modifying PX graphic views in Niagara 4. Covers creating PX views, Edit/View modes, Make Widget Wizard, and bound labels with B-formatting.

Shows how to create and import SVG icons for custom PX page graphics. Demonstrates the process of designing scalable vector graphics and integrating them into Niagara 4 visualization.

Demonstrates how to use PX Includes to reuse graphic components across multiple pages. Shows how to create modular, maintainable graphics by using includes for common elements.

An introduction to creating basic user interface graphics using the PX editor. Covers the fundamentals of building graphic views, adding widgets, and binding data points to visual elements.

Explains how to create web-based dashboards and configure widgets for data visualization. Shows how to use the HTML5 dashboard framework to create responsive, user-friendly interfaces.

Specifically covers building graphical representations for Air Handling Units (AHUs). Demonstrates best practices for creating HVAC system graphics with proper animations and data binding.

Learn how to build space and equipment graphics in the Metasys User Interface

Organize floorplan overlays so operators can view equipment selectively by layer

Create custom graphics for equipment that doesn't fit standard templates

Use Haystack tags for dynamic, portable graphics bindings that survive device moves and renames

Design PX graphics that work properly on tablets and phones with touch-friendly controls

Custom PX graphics no longer display on touchscreen devices after upgrading Niagara from 4.11 to 4.15+

Use Reflow graphics engine for auto-responsive, modern UIs without hand-coding breakpoints

How to build template graphics that work across hundreds of similar devices without manual work.

Guidelines for creating clean, usable PX graphics that display critical data without clutter.

Metasys UI suddenly shows all readings as "????" across all graphics. Operators can't read setpoints or status.