Page History
Design Canvas Display (tutorial) teaches you to:
- Create a Canvas display
- Add tank and pump symbols
- Connect with piping
- Add dynamic colors
- Test your display
Prerequisites:
In this page:
Table of Contents maxLevel 2 minLevel 2 indent 10px exclude Steps style none
Create [Creating Canvas Displays (How-to Guide)] - Complete reference [Working with Symbols] - Custom symbols [Adding Dynamic Animations] - Advanced dynamics
1. Create Display
- Navigate to Displays → Draw
- Click New a New Document
- Name:
TankSystem - Template: Page [Canvas]
- Click OK
2. Add Tank Symbol
- From Symbols → Tanks, drag a tank
- Position in center
- Double-click tank
- Bind Level to:
Tag.Tank1.Level
3. Add Pump
- From Symbols → Pumps, drag pump
- Place below tank
- Double-click pump
- Bind State to:
Tag.Pump1.Running
Connect with Piping
- Select Polyline tool
- Draw line from pump to tank
- Set line width: 3px
- Color: Gray
Add Dynamic Colors
- Select pump
- Double-click → Dynamics tab
- Add FillColor dynamic:
- Expression:
Tag.Pump1.Running - True: Green, False: Gray
- Expression:
Add Level Display
- Drag
Tag.Tank1.Levelfrom tag tree - Position near tank
- Format: Add "%" suffix
Test Display
4. Test Display
- Start solution runtimeClick Run (F5)
- Open display in runtime
- Change tag values to see updates
Success!
You've created a dynamic Canvas display.
Next Steps
- See the created display and values changing (you can use property watch to change values if needed)
In this section...
| Page Tree | ||||
|---|---|---|---|---|
|
Overview
Content Tools
Tasks