Hi all, thought I'd share something of a project I've been working on over Christmas. My family have been complaining that the Drayton Wiser smart heating system and my smart lighting aren't easy enough to use. While I've used Node-RED's native dashboard in the past, it isn't always that mobile fri…

I'm afraid not, it is currently far too intertwined with the home hardware and even if I shared it, it wouldn't be of a lot of use. Also, it still needs a lot of work, this was a first attempt and I want to restructure but I'm also creating a new HA platform, moving off a couple of Pi's and I contin…

I get it, I'm trying to make a dashboard using tabs, but I don't know much about that, just if you can check my post, could you give me and advice?. I'm triying to use the node-red-contrib-uibuilder to build a dashboard and in my tabs I will put some buttons and graphs. https://discourse.nodered.or…

Ah, OK. So uibuilder comes with VueJS and bootstrap-vue by default. So assuming you are happy to continue using those libraries, you will want to go to the bootstrap-vue website and look at how they have implemented tabbed interfaces via a component that is built into bootstrap-vue. I think that I'…

Alright thaks for that, so my last question is ... how can I do to use my functions, on Node-Red because I have some flows that I need in that new dashboard, Is my firts time using web apps with hardware. I have my dashboard but with the dashboard node, and as I know with Flask, I need to import fr…

You sound like you are new to Node Red. If so - why not use the standard dashboard until you become comfortable and then if you find it lacking take on uibuilder - its not hard to use - but does take time to get your head around it - so it would not be the first thing i would tackle unless i was a p…

@craigcurtin actually I have a dashboard but now I need the new dashboard

An advice: you can run multiple instances of Node-RED with different workspaces using the -u parameter. That way you can leave your current dashboard running and untouched, while developing the new one independently.

Not quite clear what you are asking there. You have some code in Flask that you want to use in Node-RED? Or you have you have some code that you want to run in the browser?

@TotallyInformation I have this dashboard with some MQTT... [Sin título] So I want to create tabs in the same place to put in order another gauge indicators and buttons to have it with more style and order and I see this post because someone recommend me ui_builder so I was looking for some examp…

Hi again, I'd love to have more time to provide more examples but I'm afraid it isn't possible. I do occasionally get something out and sometimes other people also contribute examples. Remember as well that uibuilder isn't specific to Vue/bootstrap-vue, I could be creating examples forever as there…

Node-RED

Node-RED Forum

New home dashboard using uibuilder and bootstrap-vue

Share Your Projects

Topic		Replies	Views
Ui_builder how-to for new bees Dashboard	10	587	29 April 2021
UIBuilder: a cookbook OR hand-holding thread? General	11	1307	1 March 2020
Uibuilder: Component Design + Example Components Developing Nodes uibuilder	21	2987	29 December 2020
Uibuilder: Getting Started Walkthrough FAQs uibuilder	24	5955	11 April 2022
Uibuilder v2 - Here at last! Published to npm Share Your Nodes uibuilder	31	4100	22 October 2019

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.

New home dashboard using uibuilder and bootstrap-vue

Related topics