I am interested in the flexibility of uibuilder but understand at the same time that there's a significant learning curve for a non-hardcore developer like myself. However when I have some sample code I can usually work my way through. So I wanted to get this POC working using this sample code ( htt…

You have a non-valid html file and you have a styles.css file. Where is the reference to the styles ? You have to tell the browser how to render the html. See example . The jquery errors are strange but not related, because your files don't reference jquery.

The codepen works as expected for me. You haven't made any reference to any of the required uibuilder files so you will not have any interactivity as yet. In order to use uibuilder in your front-end code, you need to add the reference to the uibuilderfe.js library at the very least and then you wi…

Got it working now. Thanks for pointing that out. Looking back it's obvious. Hopefully with this change I have left the starting blocks of html and css :slight_smile:

Wanted to get this off the list first. With this basic code now working I will try to bring in some data from Node-RED. Exciting times ahead.

Node-RED

Node-RED Forum

Sample code for uibuilder

General

Topic		Replies	Views
🌟 It's here! uibuilder v6.1.0. Coming of age - uibuilder grows up Share Your Nodes uibuilder	2	919	8 June 2023
Ui builder how to? Dashboard	1	2372	27 November 2020
Uibuilder example General uibuilder	28	3060	24 September 2021
Uibuilder: Getting Started Walkthrough FAQs uibuilder	24	6106	11 April 2022
Getting started with uibuilder and React? General uibuilder	26	9762	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.

Sample code for uibuilder

Related topics