1.
- Display editor basics
- Understanding of reusable components
Step 1: Create Basic Symbol
- Navigate to Displays → SymbolsDraw
- Create new symbol:
Motor
- Draw motor graphic:
- Circle for body
- Rectangle for base
- "M" text label
Step
2
: Add . Modify Existing Symbol
PropertiesDefine parametersUpdate all instances:
- Right - click symbol → Properties
- Add:
- TagName (String)
- ShowDetails (Boolean)
- Size (Integer)
Step 3: Bind Properties
Link graphics to properties:
csharp
// Motor color
Fill = @Tag.{TagName}_Running ? "Green" : "Gray"
// Show amperage if ShowDetails = true
AmpsText.Visibility = ShowDetails ? Visible : Hidden
AmpsText.Text = @Tag.{TagName}_Amps + " A"
Step 4: Create Symbol Library
Organize symbols:
- Create folders:
- Save symbols with versioning
Step 5: Apply to Display
Use symbol in displays:
- Drag symbol from library
- Configure instance:
- TagName: "Motor1"
- ShowDetails: True
- Size: 100
Step 6: Modify Existing Symbol
Update all instances:
- Edit master symbol
- Add new feature
- All instances update automatically
Best Practices
- Consistent naming convention
- Document symbol properties
- Version control for changes
- Test before deploying
Next Steps
[Working with Symbols] - Advanced techniques[Vector Graphics Drawing] - Custom graphics- the symbol, then choose Edit Symbol Motor
- Make a change on the symbol
- Right click and choose Save to Symbol Library (to save and update the symbol in the entire solution) or Save Only to this Display to no change the symbol globally