For those of you in particular who use VueJS, you may be glad to know that I've revamped the WIKI menu and added some new pages.
There is now a general what works with uibuilder & vue page and a new example covering Vue v3 with Highcharts and the Quasar framework for vue.
Of Course, as always, the main documentation for uibuilder is now in the Tech Docs which are accessible from within uibuilder/node-red or from uibuilder Technical Documentation v5.
The WIKI menu:
Walkthrough Getting started
In Progress and To Do What's coming up for uibuilder?
Awesome uibuilder Examples, tutorials, templates and references.
- How to send data when a client connects or reloads the page
- Send messages to a specific client
- Cache & Replay Messages
- Cache without a helper node
- Use webpack to optimise front-end libraries and code
- How to contribute & coding standards
- How to use NGINX as a proxy for Node-RED
- How to manage packages manually
- How to upload a file from the browser to Node-RED
VueJS general hints, tips and examples
- Load Vue components without a build step (modern browsers only)
- How to use webpack with VueJS (or other frameworks)
- Awesome VueJS - Tips, info & libraries for working with Vue
- Components that work
VueJS v3 hints, tips and examples
VueJS v2 hints, tips and examples
- Dynamically load .vue files without a build step (Vue v2)
- Really Simple Example (Quote of the Day)
- Example charts using Chartkick, Chart.js, Google
- Example Gauge using vue-svg-gauge
- Example charts using ApexCharts
- Example chart using Vue-ECharts
- Example: debug messages using uibuilder & Vue
- Example: knob/gauge widget for uibuilder & Vue
- Example: Embedded video player using VideoJS
- Simple Button Acknowledgement Example Thanks to ringmybell
- Using Vue-Router without a build step Thanks to AFelix
- Vue Canvas Knob Component Thanks to Klaus Zerbe
Examples for other frameworks (mostly out-of-date)
Outdated Pages (Historic only)