Is there a simple diagram showing the whole of this ?

The diagram would be two circles that don't overlap at all. The ui_template node has no direct access to context - you have to pass in any information you want it to have via messages in the flow.

If you mean a ui_button, then it holds its own state internally... although what state are you referring to for a button?

I am trying to create a button and controller function that will easily facilitate the construction of keypad groups that can maintain their state through outages and restarts. I have already done this using a single keypad function node wired to the ins and outs of lots of ui_template button nodes…

Change the whole CSS that often is not correct way. Mostly the CSS is static. And it contains all what is needed to decorate all elements all the way. The option to change the CSS on fly (like change branding) will not make that rule any different. It still must hold all what is needed and should be…

Thank you. I suspected that would be an abusive use case. I still do not really understand the big picture yet. I can toggle the button colour in the browser and allow branding. I have a pure css text toggle but cannot get it to work in a ui_template. The snippet of html is: input#cb3.tgl.tg…

Well that is not pure CSS but seems to be SASS which is really not my cup of tea. And I'm not in the mood to take any lessons about it right now. So sorry...

No problem. I will have a go. Will using SASS pull in any additional js libraries to a standard core app ?

Must admit when you start wanting to get this far under the lid you may want to look at the ui builder nodes that let you have complete control of the front end tools and libraries you may wish to use to create a dashboard.

As far I know it takes compiling step so no way directly to use it as css. And to red out and implement something based on somebody's sass needs to knowledge base which I don't have.

Node-RED

Node-RED Forum

Ui_template mvc and scope of context/flow/global stores

Dashboard

ozpos 1 October 2020 17:40 3

where does button state exist ?

Topic		Replies	Views
Ui_template HDMI_TV_control - fixed css flashing Dashboard	25	1307	13 October 2020
Creation and development of components using ui-template for Dashboard 2 Dashboard dashboard-2	19	781	18 January 2024
CSS Styling ui-button Widgets on Dashboard 2 Share Your Projects dashboard-2	18	2665	6 December 2024
Adding `output` function to buttons designed in `template` node Dashboard	72	6317	28 May 2020
CSS School, buttons and things not making sense Dashboard	44	4101	19 May 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.

Ui_template mvc and scope of context/flow/global stores

Related topics