Skip to end of metadata
Go to start of metadata
General

Component Palette Icon:




Description

The LED Display is a stylized numeric and/or alphanumeric label. It has two visual styles: 7-segment and 14-segment and supports nine common number format patterns. Use the value property to enter numeric and/or alphanumeric characters. 

This feature is new in Ignition version 8.1.2
Click here to check out the other new features

TLED Display component has two pre-configured variants:

  • 14 Segment - Appearance is that of an LED with 14 light segments.
  • 7 Segment - Appearance is that of an LED with 7 light segments.
Properties

Most Properties have binding options. For more information on Bindings, see Types of Bindings in Perspective.
This section only documents the Props Category of properties. The other Categories are described on the Perspective Component Properties page.

NameDescriptionProperty Type
valueValue to be displayed.value: numeric
segmentFormatStyle of each character/digit and the number of segments that compose the character. There are two different visual styles: 7 segment and 14 segment. Default is 14 segment.value: string 
numberFormatFormat of display for numeric characters, including commas, decimal places, percent, etc. There are nine options available from a dropdown list. Default is #,##0.00.value: string 
backgroundColorBackground color of the LED display. Default is #3A3A3A. See Color Selector.color
diodeOnColorColor of LED segments when switched on. Default is #00FF00. See Color Selector.color
diodeOffColorColor of LED segments when switched off. Generally different from display background color to preserve analog look. See Color Selector.color
localeLocalization code that determines rules for commas, decimals, etc. Default is en-US.value: string
styleSets a style for this component. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class.object

Perspective Component Events
The Perspective Event Types Reference page describes all the possible component event types for Perspective components. Not all component events support each Perspective component. The Component Events and Actions page shows how to configure events and actions on a Perspective component. Component scripting is handled separately and can be accessed from the Component menubar or by right clicking on the component.

Examples
Example 1

PropertyValue
props.value12/34
props.segmentFormat7 segment
props.backgroundColor#D5D5D5
props.diodeOnColor#0062FF
props.OffColor#0062FF1A
Example 2

PropertyValueStyle Category
props.value52,345.9N/A
props.numberFormat#,##0.00N/A
props.backgroundColor#000000N/A
props.diodeOnColor#00FF00N/A
prop.diodeOffColor#000000N/A
props.style.borderStylegrooveborder
props.style.padding2pxmargin and padding


  • No labels