OK, so a few people have asked for this and here is the first part! This walkthrough for getting started with uibuilder is a section of what will be a slightly longer page that will go into the uibuilder docs. It may even become uibuilder's README page for the package. Please feed back any thought…

[image] TotallyInformation: Note that the top output port on the uibuilder node outputs messages from your client(s). There is a helper function in the uibuilderfe library: uibuilder.send({...}) that sends a message back to Node-RED. The message must be structured the same as a Node-RED message.…

Well, you are missing the slightly more technical bits which are the next part - give me a chance, Only started writing it today and I have been working all day as well :grinning: :mage: Your web-browser is a client. It hosts web pages which are applications in their own right. The device that Nod…

In one of my projects I use multiple template nodes followed by empty uitemplate nodes. Am I correct in assuming I would have to have the contents of the template nodes be consolidated into one uibuilder node, or is there an easier way to migrate?

Hi, much easier. You don't really want to send HTML to the front-end if you can help it. Much better to send the data you need. So no need for any template nodes at all. Send the data in 1 or more standard messages from Node-RED. The uibuilder node sends the whole msg to your front-end. In your fr…

No problem, you have made sure that there are two more headings to go into the final walkthough :slight_smile:

Would love to see a walk-through using vue.js. I tried using vue.cli from vs code inside of the UIbuilder file and I just get index.html does not exist. Not sure exactly the steps i will need to take to correct this. Thanks for everything you have done

May be possible. But I can't cover every possibility. There is some info in the WIKI and some more technical stuff in the tech docs. What you really need to do first is to understand the structure of the instance root folder where your front-end code lives. That is all explained in existing docs. U…

Julian - great start - i am just about to start on this now and hopefully follow along as these go ! Might be an idea in the first post to let people know the various prerequisites ?? This will work and has been tested on NR - Versions greater than x Node-JS etc etc ? It will stop those sort of…

Node-RED

Node-RED Forum

Uibuilder: Getting Started Walkthrough

FAQs

HaroldPetersInskipp 25 September 2021 01:07 4

Thank you, I really want to give uibuilder a fair shot, when I move on from the old dashboard.

Uibuilder Uncaught TypeError: Vue is not a constructor

Topic		Replies	Views
Uibuilder documentation suggestions and improvements General uibuilder	38	793	18 February 2023
Uibuilder example General uibuilder	28	2882	24 September 2021
Help with how to update form NR 1.0.3 to 4.x and all other stuff General	47	545	29 June 2024
Uibuilder not communicating with the Node-RED General uibuilder	13	373	13 April 2023
Getting started with uibuilder and React? General uibuilder	26	9705	8 October 2020

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.

Uibuilder: Getting Started Walkthrough

Related topics