# LED Indicator missing in perspective

**URL:** <https://forum.inductiveautomation.com/t/led-indicator-missing-in-perspective/113752>\
**Category:** General Discussion\
**Tags:** perspective\
**Created:** [February 4, 2026, 9:12am UTC](https://forum.inductiveautomation.com/t/led-indicator-missing-in-perspective/113752 "2026-02-04T09:12:17Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Flying55](https://avatars.discourse-cdn.com/v4/letter/f/b19c9b/32.png) [@Flying55](https://forum.inductiveautomation.com/u/Flying55)\
**Post date:** [February 4, 2026, 9:12am UTC](https://forum.inductiveautomation.com/t/led-indicator-missing-in-perspective/113752/1 "2026-02-04T09:12:17Z")

</div>

Beginner questions..

I would like a simple LED indicator lamp to be used in many places in my application. It should be lit when true, and grey when false.

The standard components does not seem to have anything like that.

I can use and bind colors with a led from the symbol factory and edit that one to have binding of the state of the tag.

What i would prefer is to make that a component so i can resue it in many places without copying the same thing.

Creating a view and adding it as an embedded view is a way, but isnt there a more elegant way?

Or is there a component i can use?

---

<div class="post-metadata">

**Author:** ![David\_Stone](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/david_stone/32/79749_2.png) [@David\_Stone](https://forum.inductiveautomation.com/u/David_Stone)\
**Post date:** [February 4, 2026, 10:27am UTC](https://forum.inductiveautomation.com/t/led-indicator-missing-in-perspective/113752/2 "2026-02-04T10:27:53Z")

</div>

There’s no such thing as a LED indicator lamp on any form of SCADA. LED is a physical light source, SCADA exists on screens that display graphics.  
If you need an image of an LED indicator that changes colour, use an image from symbol factory or similar.  
If what you need is actually a circle with a colour and maybe a border that you can bind to tags, use either an icon or an SVG circle you embed in the view.  
You can also use a label with equal width and height and add a border radius of 50% in the style and it will make a circle you can apply a background colour to.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [February 4, 2026, 10:50am UTC](https://forum.inductiveautomation.com/t/led-indicator-missing-in-perspective/113752/3 "2026-02-04T10:50:38Z")

</div>

You can make circular indicators very easily using the Label component.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/9/6931d62d54bda8f5491998f6dc4c2684bbb8ed06.png)

_Figure 1. Properties for the green LED._

Notes:

- Use the pre-defined [theme colors](https://docs.inductiveautomation.com/docs/8.3/ignition-modules/perspective/styles/perspective-built-in-themes#built-in-theme-colors) wherever you can for consistency. To change the color on the LED create a binding on `backgroundColor` such as  
`if({propertyOrTag}, '--success', '--neutral-50')`  
where `{propertyOrTag}` is a boolean value you want to indicate.
- I've set the label to 32 × 32 px. Setting the border radius to 50% saves having to modify the radius values if the indicator is resized.

I really recommend that you create a Perspective style class for each indicator state and use that instead in the `style.classes` dropdown. It means that if you ever want to adjust the theme you only have to do it in one place and your whole application will update in one go. It's the way of the web.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/3/2358c3c0a84425ab55806c752a53376f3036783a.png)

_Figure 2. The LedGreen style definition._

Copy and edit the style for LedRed and LedOff. (You should consider _not_ including the color in the style name. e.g., Use LedOkOn rather than LedGreen. That way when you switch to using white for 'running' as recommend by High Performance HMI standards your naming conventions will still make sense. i.e, The style class name should define its _purpose_, not its appearance.)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/9/29d2562a992a635800aaf5c9230d11c7a497c394.png)

_Figure 3. Now assigning the style to the label is as simple as selecting the pre-defined style class from the `classes` dropdown._

Now you create the binding on the classes property:  
`if({propertyOrTag}, 'LedGreen', 'LedGrey')`

---

<div class="post-metadata">

**Author:** ![andrew.budaiev](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/andrew.budaiev/32/72921_2.png) [@andrew.budaiev](https://forum.inductiveautomation.com/u/andrew.budaiev)\
**Post date:** [February 4, 2026, 11:22am UTC](https://forum.inductiveautomation.com/t/led-indicator-missing-in-perspective/113752/4 "2026-02-04T11:22:35Z")

</div>

You can also use Drawing Tools and draw a circle.

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [February 4, 2026, 1:46pm UTC](https://forum.inductiveautomation.com/t/led-indicator-missing-in-perspective/113752/5 "2026-02-04T13:46:51Z")

</div>

> [@David\_Stone](#):
>
> There’s no such thing as a LED indicator lamp on any form of SCADA. LED is a physical light source, SCADA exists on screens that display graphics.

And yet lamps abound... a holdover from when all we had were lamps to indicate things and digital watches were a neat idea.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/f/cf4c3a67dad5d6fee2b02402f0852b595d586159.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/c/4cd6be8b02716a3680cd5f19cad83529e5dcd4bd.png)

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [February 4, 2026, 2:13pm UTC](https://forum.inductiveautomation.com/t/led-indicator-missing-in-perspective/113752/6 "2026-02-04T14:13:27Z")

</div>

You might also like a radial fill:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/5/c5f58a105def0b33816b1ac308d741467d050dc6.png)

Add this to the `background-image` property.  
`radial-gradient(farthest-corner at 20% 20%, #00ee00, #007700)`

---

<div class="post-metadata">

**Author:** ![Flying55](https://avatars.discourse-cdn.com/v4/letter/f/b19c9b/32.png) [@Flying55](https://forum.inductiveautomation.com/u/Flying55)\
**Post date:** [February 4, 2026, 3:00pm UTC](https://forum.inductiveautomation.com/t/led-indicator-missing-in-perspective/113752/7 "2026-02-04T15:00:42Z")

</div>

> [@David\_Stone](#):
>
> There’s no such thing as a LED indicator lamp on any form of SCADA. LED is a physical light source, SCADA exists on screens that display graphics.  
> If you need an image of an LED indicator that changes colour, use an image from symbol factory or similar.

Often we only want to have an indication if a switch is in a on or off state, like if a door is closed or open and so forth.

Since there is no such thing in a scada, what is the best way to indicate if it is on and off, I mean what is the general prefered way to do it?

---

<div class="post-metadata">

**Author:** ![Matrix\_Engineering](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/matrix_engineering/32/19781_2.png) [@Matrix\_Engineering](https://forum.inductiveautomation.com/u/Matrix_Engineering)\
**Post date:** [February 4, 2026, 4:34pm UTC](https://forum.inductiveautomation.com/t/led-indicator-missing-in-perspective/113752/8 "2026-02-04T16:34:14Z")

</div>

Have you read, ingested, and tried what @Transistor has suggested? They have offered a couple of options with detailed implementation instructions.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [February 4, 2026, 6:35pm UTC](https://forum.inductiveautomation.com/t/led-indicator-missing-in-perspective/113752/9 "2026-02-04T18:35:29Z")

</div>

![2-state indicator for Perspective](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/a/ba531a496542206f1be66a7c432718f0e6009887.gif)

Here the indicator label's style class has an expression binding to a custom property controlled by the toggle switch. This is as explained in post #3.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/f/4f37baaec2368bc9674689736ae338af2c023b02.png)

---

<div class="post-metadata">

**Author:** ![Flying55](https://avatars.discourse-cdn.com/v4/letter/f/b19c9b/32.png) [@Flying55](https://forum.inductiveautomation.com/u/Flying55)\
**Post date:** [February 4, 2026, 7:41pm UTC](https://forum.inductiveautomation.com/t/led-indicator-missing-in-perspective/113752/10 "2026-02-04T19:41:15Z")

</div>

Thats an elegant solution, I ended up using drawing tool and changed colors with a tag and transform which is worse, but if i need later on to I’ll change to what you have suggested.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [February 4, 2026, 10:15pm UTC](https://forum.inductiveautomation.com/t/led-indicator-missing-in-perspective/113752/11 "2026-02-04T22:15:21Z")

</div>

> [@Transistor](#):
>
> really recommend that you create a Perspective style class for each indicator state and use that instead in the `style.classes` dropdown. It means that if you ever want to adjust the theme you only have to do it in one place and your whole application will update in one go. It's the way of the web.
> 
> ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/3/2358c3c0a84425ab55806c752a53376f3036783a.png)

One step further, split it into colours and the base led styling. Eg. Take the colour out of the base led styling to prevent duplication of styling (and therefore mistakes and modification hassle)
