# How i can use (ui-led )node

**URL:** https://discourse.nodered.org/t/how-i-can-use-ui-led-node/100345
**Category:** Dashboard
**Tags:** node-red-dashboard, function-node, dashboard-2
**Created:** [9 February 2026 11:08 UTC](https://discourse.nodered.org/t/how-i-can-use-ui-led-node/100345 "2026-02-09T11:08:21Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![sulaiman](https://avatars.discourse-cdn.com/v4/letter/s/41988e/32.png) [@sulaiman](https://discourse.nodered.org/u/sulaiman)
#### Post date: [9 February 2026 11:08 UTC](https://discourse.nodered.org/t/how-i-can-use-ui-led-node/100345/1 "2026-02-09T11:08:21Z")

</div>

I am using flowfuse dashboard 2 in node red from my SCADA system  
Just I need help to use (ui-led) as a flashing depending on digital value

---

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [9 February 2026 12:18 UTC](https://discourse.nodered.org/t/how-i-can-use-ui-led-node/100345/2 "2026-02-09T12:18:00Z")

</div>

> [@sulaiman](#):
>
> flashing depending on digital value

Do you mean that you want it to follow the digital value (in which case just feed the value in to the node) or something more complex?

---

<div class="post-metadata">

### Author: ![sulaiman](https://avatars.discourse-cdn.com/v4/letter/s/41988e/32.png) [@sulaiman](https://discourse.nodered.org/u/sulaiman)
#### Post date: [9 February 2026 13:09 UTC](https://discourse.nodered.org/t/how-i-can-use-ui-led-node/100345/3 "2026-02-09T13:09:03Z")

</div>

i know that but i am talking about flashing  
how i can do flashing

---

<div class="post-metadata">

### Author: ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [9 February 2026 15:00 UTC](https://discourse.nodered.org/t/how-i-can-use-ui-led-node/100345/4 "2026-02-09T15:00:59Z")

</div>

> [@sulaiman](#):
>
> I need help to use (ui-led) as a flashing depending on digital value

One way is to use a trigger node to send `true` then `false`, and a delay node to repeat.

To stop it flashing send msg.reset to both of those nodes and `false` to the LED to ensure it rests in the correct state.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/1/11eb83f59f9a382c02aad9cfdd0fa91d5893b9c7.png)

```auto
[{"id":"555ba3c99c7c58c1","type":"ui-led","z":"c9ba220510e4ab97","name":"","group":"dce965f3d31773c8","order":-1,"width":0,"height":0,"label":"","labelPlacement":"left","labelAlignment":"left","states":[{"value":"false","valueType":"bool","color":"#ff0000"},{"value":"true","valueType":"bool","color":"#00ff00"}],"allowColorForValueInMessage":false,"shape":"circle","showBorder":true,"showGlow":true,"x":590,"y":140,"wires":[]},{"id":"2ad7bd64e1a0a359","type":"inject","z":"c9ba220510e4ab97","name":"Start","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":130,"y":100,"wires":[["46b2c5c15c6db080"]]},{"id":"46b2c5c15c6db080","type":"trigger","z":"c9ba220510e4ab97","name":"","op1":"true","op2":"false","op1type":"bool","op2type":"bool","duration":"2","extend":false,"overrideDelay":false,"units":"s","reset":"","bytopic":"all","topic":"topic","outputs":2,"x":340,"y":100,"wires":[["555ba3c99c7c58c1"],["1fdaa5f339ab2319","555ba3c99c7c58c1"]]},{"id":"1fdaa5f339ab2319","type":"delay","z":"c9ba220510e4ab97","name":"","pauseType":"delay","timeout":"2","timeoutUnits":"seconds","rate":"1","nbRateUnits":"1","rateUnits":"second","randomFirst":"1","randomLast":"5","randomUnits":"seconds","drop":false,"allowrate":false,"outputs":1,"x":340,"y":160,"wires":[["46b2c5c15c6db080"]]},{"id":"3b32b2a9a4c147ab","type":"inject","z":"c9ba220510e4ab97","name":"Reset","props":[{"p":"payload"},{"p":"reset","v":"true","vt":"bool"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":130,"y":160,"wires":[["1fdaa5f339ab2319","46b2c5c15c6db080","2e4c632c947a4c7f"]]},{"id":"2e4c632c947a4c7f","type":"change","z":"c9ba220510e4ab97","name":"false","rules":[{"t":"set","p":"payload","pt":"msg","to":"false","tot":"bool"}],"action":"","property":"","from":"","to":"","reg":false,"x":330,"y":220,"wires":[["555ba3c99c7c58c1"]]},{"id":"dce965f3d31773c8","type":"ui-group","name":"Demo","page":"25c18baf3989c674","width":6,"height":1,"order":1,"showTitle":true,"className":"","visible":"true","disabled":"false","groupType":"default"},{"id":"25c18baf3989c674","type":"ui-page","name":"demo","ui":"d45641ed6d39fea1","path":"/page1","icon":"home","layout":"grid","theme":"205d07c2cf7295b6","breakpoints":[{"name":"Default","px":"0","cols":"3"},{"name":"Tablet","px":"576","cols":"6"},{"name":"Small Desktop","px":"768","cols":"9"},{"name":"Desktop","px":"1024","cols":"12"}],"order":2,"className":"","visible":"true","disabled":"false"},{"id":"d45641ed6d39fea1","type":"ui-base","name":"This is my ui-base","path":"/dashboard","appIcon":"","includeClientData":true,"acceptsClientConfig":["ui-notification","ui-control"],"showPathInSidebar":false,"headerContent":"page","navigationStyle":"default","titleBarStyle":"default","showReconnectNotification":false,"notificationDisplayTime":5,"showDisconnectNotification":false,"allowInstall":true},{"id":"205d07c2cf7295b6","type":"ui-theme","name":"Theme Name","colors":{"surface":"#ffffff","primary":"#0094ce","bgPage":"#eeeeee","groupBg":"#ffffff","groupOutline":"#cccccc"},"sizes":{"density":"default","pagePadding":"12px","groupGap":"12px","groupBorderRadius":"4px","widgetGap":"12px"}},{"id":"bcf82963f2fafef9","type":"global-config","env":[],"modules":{"@flowfuse/node-red-dashboard-2-ui-led":"1.1.0","@flowfuse/node-red-dashboard":"1.30.2"}}]

```

---

<div class="post-metadata">

### Author: ![Buckskin](https://avatars.discourse-cdn.com/v4/letter/b/b9e5f3/32.png) [@Buckskin](https://discourse.nodered.org/u/Buckskin)
#### Post date: [9 February 2026 15:56 UTC](https://discourse.nodered.org/t/how-i-can-use-ui-led-node/100345/5 "2026-02-09T15:56:16Z")

</div>

You can also blink with CSS. See [How to Create a Blinking Effect with CSS3 Animations](https://www.w3docs.com/snippets/css/how-to-create-a-blinking-effect-with-css3-animations.html)

---

<div class="post-metadata">

### Author: ![gemini86](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gemini86/32/70967_2.png) [@gemini86](https://discourse.nodered.org/u/gemini86)
#### Post date: [9 February 2026 20:42 UTC](https://discourse.nodered.org/t/how-i-can-use-ui-led-node/100345/6 "2026-02-09T20:42:24Z")

</div>

If you're used to PLC and scada systems, a way that may be easier to wrap your head around may be something like this:

```flows
[
    {
        "id": "b761d4dc684ca9d2",
        "type": "group",
        "z": "5114d0e940ab3dee",
        "style": {
            "stroke": "#2b2b2b",
            "stroke-opacity": "1",
            "fill": "#181818",
            "fill-opacity": "0.5",
            "label": true,
            "label-position": "nw",
            "color": "#cccccc"
        },
        "nodes": [
            "37218aa1f36e192f",
            "72a54288888666ef",
            "3b197d876795e331",
            "0830e232f5830c9e",
            "2789650e4f20148c",
            "de8c14f281f67b1f",
            "a8654d553383748d"
        ],
        "x": 454,
        "y": 513,
        "w": 1012,
        "h": 228
    },
    {
        "id": "37218aa1f36e192f",
        "type": "change",
        "z": "5114d0e940ab3dee",
        "g": "b761d4dc684ca9d2",
        "name": "",
        "rules": [
            {
                "t": "set",
                "p": "switch1",
                "pt": "flow",
                "to": "payload",
                "tot": "msg"
            }
        ],
        "action": "",
        "property": "",
        "from": "",
        "to": "",
        "reg": false,
        "x": 950,
        "y": 580,
        "wires": [
            []
        ]
    },
    {
        "id": "72a54288888666ef",
        "type": "trigger",
        "z": "5114d0e940ab3dee",
        "g": "b761d4dc684ca9d2",
        "name": "",
        "op1": "true",
        "op2": "0",
        "op1type": "bool",
        "op2type": "str",
        "duration": "-1000",
        "extend": false,
        "overrideDelay": false,
        "units": "ms",
        "reset": "",
        "bytopic": "all",
        "topic": "topic",
        "outputs": 1,
        "x": 780,
        "y": 700,
        "wires": [
            [
                "0830e232f5830c9e"
            ]
        ]
    },
    {
        "id": "3b197d876795e331",
        "type": "inject",
        "z": "5114d0e940ab3dee",
        "g": "b761d4dc684ca9d2",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "",
        "crontab": "",
        "once": true,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "",
        "payloadType": "date",
        "x": 570,
        "y": 700,
        "wires": [
            [
                "72a54288888666ef"
            ]
        ]
    },
    {
        "id": "0830e232f5830c9e",
        "type": "trigger",
        "z": "5114d0e940ab3dee",
        "g": "b761d4dc684ca9d2",
        "name": "",
        "op1": "",
        "op2": "false",
        "op1type": "pay",
        "op2type": "bool",
        "duration": "500",
        "extend": false,
        "overrideDelay": false,
        "units": "ms",
        "reset": "",
        "bytopic": "all",
        "topic": "topic",
        "outputs": 1,
        "x": 1000,
        "y": 700,
        "wires": [
            [
                "de8c14f281f67b1f"
            ]
        ]
    },
    {
        "id": "2789650e4f20148c",
        "type": "debug",
        "z": "5114d0e940ab3dee",
        "g": "b761d4dc684ca9d2",
        "name": "your led node",
        "active": true,
        "tosidebar": true,
        "console": false,
        "tostatus": false,
        "complete": "payload",
        "targetType": "msg",
        "statusVal": "",
        "statusType": "auto",
        "x": 1340,
        "y": 700,
        "wires": []
    },
    {
        "id": "de8c14f281f67b1f",
        "type": "switch",
        "z": "5114d0e940ab3dee",
        "g": "b761d4dc684ca9d2",
        "name": "",
        "property": "switch1",
        "propertyType": "flow",
        "rules": [
            {
                "t": "true"
            }
        ],
        "checkall": "true",
        "repair": false,
        "outputs": 1,
        "x": 1170,
        "y": 700,
        "wires": [
            [
                "2789650e4f20148c"
            ]
        ]
    },
    {
        "id": "a8654d553383748d",
        "type": "group",
        "z": "5114d0e940ab3dee",
        "g": "b761d4dc684ca9d2",
        "name": "your process input",
        "style": {
            "label": true
        },
        "nodes": [
            "d0e858d54aa2b720",
            "d9f1461e47f53ef9"
        ],
        "x": 634,
        "y": 539,
        "w": 172,
        "h": 122
    },
    {
        "id": "d0e858d54aa2b720",
        "type": "inject",
        "z": "5114d0e940ab3dee",
        "g": "a8654d553383748d",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "true",
        "payloadType": "bool",
        "x": 730,
        "y": 580,
        "wires": [
            [
                "37218aa1f36e192f"
            ]
        ]
    },
    {
        "id": "d9f1461e47f53ef9",
        "type": "inject",
        "z": "5114d0e940ab3dee",
        "g": "a8654d553383748d",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "false",
        "payloadType": "bool",
        "x": 730,
        "y": 620,
        "wires": [
            [
                "37218aa1f36e192f"
            ]
        ]
    }
]

```

---

<div class="post-metadata">

### Author: ![sulaiman](https://avatars.discourse-cdn.com/v4/letter/s/41988e/32.png) [@sulaiman](https://discourse.nodered.org/u/sulaiman)
#### Post date: [10 February 2026 13:20 UTC](https://discourse.nodered.org/t/how-i-can-use-ui-led-node/100345/7 "2026-02-10T13:20:38Z")

</div>

Thank you for your help

But can you send this code as a flow to me ??

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/c/ac4a8eff3375eb204b0bcb2b7cc28e8d72db4663.png)

---

<div class="post-metadata">

### Author: ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [10 February 2026 14:23 UTC](https://discourse.nodered.org/t/how-i-can-use-ui-led-node/100345/8 "2026-02-10T14:23:29Z")

</div>

> [@sulaiman](#):
>
> Thank you for your help
> 
> But can you send this code as a flow to me ??

I know you are new to the forum @sulaiman but folks have sent you three different but equally viable answers to your question.  
"Can you send this code as a flow to me" does not convince me that you are making any efforts of your own to assess the options.

So before I try and help you any more, please take the time to show us how far you have got on your own, and describe what the results have been.

You might find it educational to share your flow by Exporting and posting it here using the `</>` button.

---

<div class="post-metadata">

### Author: ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)
#### Post date: [11 February 2026 08:09 UTC](https://discourse.nodered.org/t/how-i-can-use-ui-led-node/100345/9 "2026-02-11T08:09:27Z")

</div>

You can import the codes already supplied. [How to import/export a flow](https://nodered.org/docs/user-guide/editor/workspace/import-export)

You may also benefit from watching the [essentials videos](https://m.youtube.com/watch?list=PLyNBB9VCLmo1hyO-4fIZ08gqFcXBkHy-6&v=ksGeUD26Mw0&embeds_referring_euri=https%3A%2F%2Fnodered.org%2F&source_ve_path=OTY3MTQ&feature=emb_imp_woyt) they have great information that will give you the basics of node-red.

---

<div class="post-metadata">

### Author: ![sulaiman](https://avatars.discourse-cdn.com/v4/letter/s/41988e/32.png) [@sulaiman](https://discourse.nodered.org/u/sulaiman)
#### Post date: [11 February 2026 09:04 UTC](https://discourse.nodered.org/t/how-i-can-use-ui-led-node/100345/10 "2026-02-11T09:04:45Z")

</div>

hello

It's incomprehensible to me that you're speaking like this.

**(does not convince me that you are making any efforts of your own to assess the options)**

i am attached my node red code i do not now the error but it is not work properly

> **(attachments)**
>
> [flows (23).json](https://discourse.nodered.org/uploads/short-url/p2kZCGrEFEYjTgt360Xm7Lkbysg.json) (7.57 KB)

---

<div class="post-metadata">

### Author: ![sulaiman](https://avatars.discourse-cdn.com/v4/letter/s/41988e/32.png) [@sulaiman](https://discourse.nodered.org/u/sulaiman)
#### Post date: [11 February 2026 09:59 UTC](https://discourse.nodered.org/t/how-i-can-use-ui-led-node/100345/11 "2026-02-11T09:59:06Z")

</div>

> [@gemini86](#):
>
> If you're used to PLC and scada systems, a way that may be easier to wrap your head around may be something like this:

yes thank you it is very good code thank you very much

---

<div class="post-metadata">

### Author: ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [11 February 2026 12:05 UTC](https://discourse.nodered.org/t/how-i-can-use-ui-led-node/100345/12 "2026-02-11T12:05:15Z")

</div>

Thanks for posting your code.

Your two inject nodes are wrong.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/e/7e4a0cf4082a68151cf83b62812e66a5e0e5fb2b.png)  
Exactly what you inject for "start flashing" is unimportant since the trigger node will send msg.payload `true` followed by `false`.  
However, I'm not sure that anything will be injected here at all because there is no message coming in to the inject node with a property msg.Start.  
You can just inject the default **timestamp** , or a **string**"Start" but mot **msg**.Start.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/1/810bb793eefe52128013952984b3a25ccadabcd1.png)  
Similarly here there is no msg.Reset.  
The trigger and delay nodes will be reset if a message with the property msg.reset arrives. Not msg.topic as you have and not msg.Reset either because message property names are case sensitive.  
And a little refinement: You could inject msg.payload `false` at the same time as msg.reset, then there is no need for the change node, wire the inject to the led node too.  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/e/9ee3a4af6587f9bfb2a0d5b587671e49c49d1725.png)

The code for my example flow was attached to my post below the picture, It's the line of text below the picture.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/a/1ad7253699fbc3a6ea9a3b8ceca450ff82f64805.png)

---

<div class="post-metadata">

### Author: ![gemini86](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gemini86/32/70967_2.png) [@gemini86](https://discourse.nodered.org/u/gemini86)
#### Post date: [11 February 2026 18:45 UTC](https://discourse.nodered.org/t/how-i-can-use-ui-led-node/100345/13 "2026-02-11T18:45:25Z")

</div>

No worries. I came into node-red from ladder logic/c++ so switching to event based flows required a shift in logic. For me, anytime an hmi or dashboard needs to animate,I try to transform my data within node-red to make that happen, vs altering front end (browser run) code, so it's all quite clear where the action is taking place within the flow and can be altered easily..also learn to use groups to keep flows organized, sometimes can be helpful to visualize the flow of data like a ladder rung.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [13 March 2026 18:45 UTC](https://discourse.nodered.org/t/how-i-can-use-ui-led-node/100345/14 "2026-03-13T18:45:41Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
