enteliWEB Graphics Editor — Building Custom HVAC Operator Displays

Quick Answer

The enteliWEB graphics editor creates custom operator displays with background images, dynamic BACnet data values, state-based color animations, and navigation links. Operators use these screens to monitor and control HVAC equipment from a web browser.

Creating a Graphic Page

In enteliWEB, navigate to Graphics and click New. Select a canvas size, add a background image (floor plan, equipment schematic, or SVG diagram), and begin placing dynamic elements.

Symbol Library

enteliWEB includes a BAS-specific symbol library with pre-built icons for air handling units (AHU), VAV boxes, fans, pumps, chillers, boilers, dampers, valves, and temperature sensors. Symbols include animated states — a fan icon can rotate when the binary run status is true.

Dynamic Value Displays

Place numeric display widgets bound to BACnet analog points to show live temperatures, pressures, humidity levels, and setpoints. Configure engineering units, decimal precision, and alarm color thresholds (e.g., red text when temperature exceeds setpoint by more than 2°F).

Setpoint Write Widgets

Authorized operators can adjust setpoints directly from the graphic using writable input widgets. The widget writes to a BACnet Analog Value or Binary Value object at the configured BACnet write priority (typically Priority 8).

Navigation

Link graphic pages together for hierarchical navigation — building overview → floor plan → AHU detail → VAV zone detail. Navigation buttons allow operators to drill down from campus-level views to individual equipment screens.

Best Practices

• Use consistent color coding (blue=cooling, red=heating, green=fan running, gray=off)
• Show the most critical values prominently (zone temperature, discharge air temperature, valve position)
• Include alarm status indicators on every equipment graphic
• Use SVG backgrounds for clean scaling across different screen sizes