Versions Compared

Key

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

Create and modify reusable graphical symbols for consistent display elements across your solution.

What You'll Learn

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
maxLevel2
minLevel2
indent10px
excludeSteps
stylenone

    


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

  • 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 Symbol

    Properties

    Parameters

    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

    Save to 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

    In this section...

    Page Tree
    root@parent
    spaces93DRAF