Design Canvas Displays (Tutorial)

Displays →  Tutorial | Concept | How-to Guide | Reference

Create Display

1. Navigate to Displays → Draw
2. Click New Document
3. Name: TankSystem
4. Template: Canvas
5. Click OK

Add Tank Symbol

1. From Symbols → Tanks, drag a tank
2. Position in center
3. Double-click tank
4. Bind Level to: Tag.Tank1.Level

Add Pump

1. From Symbols → Pumps, drag pump
2. Place below tank
3. Double-click pump
4. Bind State to: Tag.Pump1.Running

Connect with Piping

1. Select Polyline tool
2. Draw line from pump to tank
3. Set line width: 3px
4. Color: Gray

Add Dynamic Colors

1. Select pump
2. Double-click → Dynamics tab
3. Add FillColor dynamic:
   • Expression: Tag.Pump1.Running
   • True: Green, False: Gray

Add Level Display

1. Drag Tag.Tank1.Level from tag tree
2. Position near tank
3. Format: Add "%" suffix

Test Display

1. Click Run (F5)
2. Open display in runtime
3. Change tag values to see updates

Success!

You've created a dynamic Canvas display.

Next Steps

• [Creating Canvas Displays (How-to Guide)] - Complete reference
• [Working with Symbols] - Custom symbols
• [Adding Dynamic Animations] - Advanced dynamics

In this section...