# UI template led not working anymore

**URL:** <https://discourse.nodered.org/t/ui-template-led-not-working-anymore/9887>\
**Category:** Dashboard\
**Created:** [8 April 2019 04:30 UTC](https://discourse.nodered.org/t/ui-template-led-not-working-anymore/9887 "2019-04-08T04:30:44Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jupiter8](https://avatars.discourse-cdn.com/v4/letter/j/34f0e0/32.png) [@jupiter8](https://discourse.nodered.org/u/jupiter8)\
**Post date:** [8 April 2019 04:30 UTC](https://discourse.nodered.org/t/ui-template-led-not-working-anymore/9887/1 "2019-04-08T04:30:44Z")

</div>

I'm using these led without any problems for a while and since 19.5 the script doesn't respond anymore to payloads, and this on two separate systems. Is something deprecated lately in this code?

```auto
<!DOCTYPE html>

<style>
:focus {
outline: 0;
}
md-led2{
    display: block;
	border-radius:80px;
	border:2px solid #666666;
	width: 16px; 
	height:16px;
	margin: 5px 0px 0px 5px; 	
	background: -webkit-radial-gradient(#9AF589, #42B821);
    text-align:center;	
 }

</style>
<p style="font-size:100%;text-align:center;margin: -2px;">1</p>
<md-led2
    ng-style="{background: msg.payload=='on' ?'transparrent':'#423f3f'}"
    
>
{{msg.payload == 'off' ? '' : ''}}
</md-led2>

```

you could check this with payloads of on and off.

Thanks.

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [8 April 2019 08:09 UTC](https://discourse.nodered.org/t/ui-template-led-not-working-anymore/9887/2 "2019-04-08T08:09:33Z")

</div>

Are you aware there is now a [node-red-contrib-ui-led](https://flows.nodered.org/node/node-red-contrib-ui-led) that you might find useful

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [8 April 2019 11:18 UTC](https://discourse.nodered.org/t/ui-template-led-not-working-anymore/9887/3 "2019-04-08T11:18:14Z")

</div>

maybe if you spell transparent correctly ?

---

<div class="post-metadata">

**Author:** ![jupiter8](https://avatars.discourse-cdn.com/v4/letter/j/34f0e0/32.png) [@jupiter8](https://discourse.nodered.org/u/jupiter8)\
**Post date:** [8 April 2019 14:04 UTC](https://discourse.nodered.org/t/ui-template-led-not-working-anymore/9887/4 "2019-04-08T14:04:11Z")

</div>

Got it. I took this code from elswhere and never touched it and i was using as is on over 20 flows. The original poster must have made the typo on purpose to not let the led transparent but use this light gray color #423f3f instead. It was working as is but now it won't for unknown reasons. I just let the space between the ' ' empty and now it works like before.

```auto
<!DOCTYPE html>

<style>
:focus {
outline: 0;
}
md-led2{
    display: block;
	border-radius:80px;
	border:2px solid #666666;
	width: 16px; 
	height:16px;
	margin: 5px 0px 0px 5px; 	
	background: -webkit-radial-gradient(#9AF589, #42B821);
    text-align:center;	
 }

</style>
<p style="font-size:100%;text-align:center;margin: -2px;">1</p>
<md-led2
    ng-style="{background: msg.payload=='on' ?'':'#423f3f'}"
    
>
{{msg.payload == 'off' ? '' : ''}}
</md-led2>

```

Thanks.
