Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Create

Add and

modify reusable graphical symbols for consistent display elements across your solution.What You'll Learn

customize symbols on Displays.

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


This Tutorial Teaches you to:

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

Prerequisites:

Table of Contents
maxLevel2
minLevel2
indent10px
excludeTutorial
stylenone


1.

  • Display editor basics
  • Understanding of reusable components
Step 1:

Create Basic Symbol

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



2

: Add

. Modify Existing Symbol

Properties

Define parameters

Update all instances:

  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
    1. the symbol, then choose Edit Symbol Motor
    2. Make a change on the symbol
    3. 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



    In this section...

    Page Tree
    root@parent
    spaces93DRAF