Create and modify reusable graphical symbols for consistent display elements across your solution.
Symbols - Add & Modify (Tutorial) teaches you to:
- Create custom symbols
- Add symbol properties
- Build symbol libraries
- Apply symbols to displays
Prerequisites:
In this page:
Table of Contents maxLevel 2 minLevel 2 indent 10px exclude Steps style none
Displays Symbols → Tutorial | Concept | How-to Guide | Reference
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 Symbol
PropertiesParameters
Define parameters:
- 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
Save to Symbol Library
Organize symbols:
- Create folders:
- Motors
- Pumps
- Valves
- Tanks
- Save symbols with versioning
Apply to Display
Use symbol in displays:
- Drag symbol from library
- Configure instance:
- TagName: "Motor1"
- ShowDetails: True
- Size: 100
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
In this section...
Page Tree | ||||
---|---|---|---|---|
|