Modify and Apply Symbols (Tutorial)

What You'll Learn

• Create custom symbols
• Add symbol properties
• Build symbol libraries
• Apply symbols to displays

Prerequisites

• Display editor basics
• Understanding of reusable components

Step 1: Create Basic Symbol

1. Navigate to Displays → Symbols
2. Create new symbol: Motor
3. Draw motor graphic:
   • Circle for body
   • Rectangle for base
   • "M" text label

Step 2: Add Symbol Properties

Define parameters:

1. Right-click symbol → Properties
2. 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:

1. Create folders:
   • Motors
   • Pumps
   • Valves
   • Tanks
2. Save symbols with versioning

Step 5: Apply to Display

Use symbol in displays:

1. Drag symbol from library
2. Configure instance:
   • TagName: "Motor1"
   • ShowDetails: True
   • Size: 100

Step 6: Modify Existing Symbol

Update all instances:

1. Edit master symbol
2. Add new feature
3. 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