Page History

Create a Canvas Display.

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

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

1. Create Display

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

2. 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

3. 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

4. Test Display

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

Success!

You've created a dynamic Canvas display.

Next Steps

1. See the created display and values changing (you can use property watch to change values if needed)

In this section...