Hello everyone, I plan to control my sliding gate with an ESP32 in MQTT via my nodered dashboard. For the moment, the control part of the portal works but I would like to illustrate with an image integrated into my portal opening page. To do this, I equipped my gate with two limit switches which …

<div ng-bind-html="msg.payload"></div> try putting above code in the template node (blue template) [image] OR name the property as msg.template instead of msg.payload [image]

I found, I added two change nodes to change the topic and it works very well. I'm starting to get the hang of it. [Capture] thank you for your help which helps me progress

[image] Udina: to change the topic or you can change the property in switch nodes to whatever topic your mqtt is pushing. glad you could find the solution. it is usually encouraged in this forum to just guide and not give solution directly, but as a beginner i have found that sometimes a wor…

Hello, I am encountering a problem, this flow no longer works on dashboard 2 which I am starting to use. Is there another method to use for the node Template ? [Capture d’écran 2024-09-24 132715] [Capture d’écran 2024-09-24 132810]

the flow upto the template node will be same, however DB-2 has a different template format as it is not based on angular but Vue. someone else will definitley help you, as i am still not well verse with DB2.

Not exactly what you were asking, but relevant to the topic: This is a use case for the node-red-contrib-finite-statemachine node. You can define a whole state machine that is triggered every few seconds, reads inputs, and jumps to the next state if appropriate. If you go for the Moore approach of…

Coding a Finite State Machine (FSM) in pure JavaScript isn't too difficult. Here are a couple of examples. [image] Matt's Mathematical Magic Machine (M4) Share Your Projects This is just pure fun!!! Think of a number between 1 and 15 and this magical machine will find ou…

Sure, but this is one of those cases in which a specialised node simplifies the implementation (and makes it much faster). Granted, in the door example might not be that important, but I've used the node for state machines with more than 70 states and it works like a charm.

Thank you for your answers, I just deleted my entire dashboard (version 1) to concentrate on dashboard 2 and there is a little change anyway. I'm looking for a good tutorial for the basics, do you have any good links to give me?

Not sure if you have read these pages About Node-RED Dashboard 2.0 | Node-RED Dashboard 2.0 (flowfuse.com)

Hello everyone, I recreated my 2.0 dashboard and I studied the state machine which remains a little vague in the configuration for me. I would first like to know how to integrate a .png image into a “Template” node between my two buttons below : [Capture d’écran 2024-10-02 173305] My image files …

Node-RED

Node-RED Forum

Image selection by comparison

Dashboard

dynamicdave 24 September 2024 15:21 25

Coding a Finite State Machine (FSM) in pure JavaScript isn't too difficult.
Here are a couple of examples.

Topic		Replies	Views
Image selection by comparison version 2 Dashboard dashboard-2	18	243	10 December 2024
Image integration in the dashboard Dashboard	35	502	12 July 2024
Changing a Dashboard Image upon boolean MQTT input Dashboard node-red-dashboard , ui-widgets , mqtt , dashboard	6	631	5 June 2023
How i can change an image in javascript? Dashboard node-red-dashboard , mqtt	1	285	12 November 2022
Show images from a template Dashboard	22	1751	7 June 2022

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Image selection by comparison

Related topics