Configure an LED

Add an LED object and edit its properties.
  1. In
    Project view
    , in
    UI
    , right-click a container and select
    New
    Base controls
    LED
    .
  2. In
    Properties
    , configure the
    LED
     settings:
    1. Create a dynamic link between
      Active
       and a Boolean variable.
      For more information about dynamic links, see Create dynamic links.
      For example, create a dynamic link to the
      Active
       property of an alarm. This makes the LED active when the alarm is active. For more information about alarms, see Alarms.
    2. Set
      Blink when active
       to either:
      • False
        . LED does not blink when active.
      • True
        . LED blinks when active.
      • A dynamic link to a Boolean variable to control LED blinking through the linked variable value.
  3. (optional) In
    Properties
    , configure
    Appearance
    :
    • Visible
      . Display or hide the LED at runtime.
    • Enabled
      . Enable user interaction with the LED at runtime.
    • Opacity
      . Set the LED opacity from
      0
       (transparent) to
      100
       (opaque).
    • Rotation
      . Rotate the LED by a specified number of degrees.
    • Appearance
      . Select either
      Circular
       or
      Rectangular
       to change the LED shape.
    • Color
      . Set the LED color.
  4. (optional) In
    Properties
     or in the editor, configure the
    Size and layout
     settings.
  5. (optional) To display text in the LED, in
    Properties
    , configure
    Text and font
    :
    • Text
      . Enter text to display in the LED or create a dynamic link to a string variable.
    • Text color
      . Set color for the text.
    • Text position
      . Select the text position in relation to the LED.
    • Word wrap
      . Wrap words when the text is wider than the container.
    • Text trimming
      . Replace text that does not fit the container with
      ...
      .
    • Font family
      . Select font family for the text.
    • Font size
      . Set font size for the text.
    • Font weight
      . Select font weight for the text.
    • Font italic
      . Apply italic font to the text.
  6. (optional) To display an image in the LED, in
    Properties
    , configure
    Image
    :
    • Image path
      . Select an image to display in the LED.
      TIP: Select
      Browse
       and then either select
      Import file(s)
       to add an image to the project or select an existing image in the project.
    • Image position
      . Select the image position in relation to the LED.
    • Image width
      . Set specific image width.
    • Image height
      . Set specific image height.
Provide Feedback
Have questions or feedback about this documentation? Please submit your feedback here.
Normal