...Continued from Dashboard 2.0 Pre-Alpha Available There is also a dashboard-2 tag which you can subscribe to, by going to Topics tagged dashboard-2 and then selecting how you wish to be alerted about new posts. [watching]

[image] Steve-Mcl: I think that comes under this issue That appears to be in relation to labels rather than an icon instead of the payload text, but in practice perhaps either would do, as one could manually build the label to be both label and icon. [image] Steve-Mcl: can be done (right…

First, here are the colour names available to use as classes: Material color palette — Vuetify [image] Colin: I see I can specify a limited range of colours in v-icon, can I pass that in to the template in a message? I effectively want to have an LED like output showing on/off. You can achie…

Magic! Thanks. That should keep me going until D2 catches up. My flow is littered with workarounds for: #352 Disabled button re-enables on browser refresh #342 Form widget should send Number type fields as Numbers not strings #363 No inputs on form #210 Not able to select Show state of input i…

Actually, I went too far, too soon Ted! It is as simple as this: The template <v-icon :color="msg.payload?.state === 'on' ? (msg.payload?.color || 'green') : 'grey'" :icon="msg.payload?.state === 'on' ? 'mdi-led-on' : 'mdi-led-off'"> </v-icon> Demo flow [{"id":"fb5c574dc9088451","type"…

[image] Colin: My flow is littered with workarounds for: I really appreciate the patience Colin - working as fast as I can.

[image] Steve-Mcl: It is as simple as this: Even more magic. Thanks.

[image] joepavitt: working as fast as I can. Yes, I am sure that is true, I think it is remarkable how much has been accomplished already.

Don't forget that emoji's these days are VERY extensive and don't require an extra library to be loaded. However, you can generally improve the quality of emoji's in web pages with the following in a style sheet. .emoji { /* Nicer, cross-platform emoji's */ font-family: "Twemoji Mozil…

Glad you mentioned that for anyone following, I missed it so ended up doing it the hard way. Got there in the end though. :smile:

What is up with these empty spaces: [image] I see every element has a fixed height of 48px - why ? (and paddings are everywhere for some reason) Can this be overruled ? Thinking of text - this should be a max line-height of 1.5*fontsize [image] Where can one define the classes ? How can I cr…

Node-RED

Node-RED Forum

Dashboard 2 Beta development

Dashboard

Colin 10 December 2023 14:09 19

Even more magic. Thanks.

Topic		Replies	Views
Dashboard 2.0 Pre-Alpha Available General dashboard-2	316	7936	9 December 2023
Dashboard 2.0 is now Generally Available Dashboard dashboard-2	101	5262	20 April 2024
Sliders, color pickers, dropdowns, etc., in Dashboard 2.0 Templates Dashboard dashboard-2	17	663	24 October 2024
Simple Dashboard 2.0 Template node example Dashboard dashboard-2	16	1434	27 May 2024
Create custom ui node in Dashboard 2 General node-red-dashboard , ui-widgets , dashboard-2	36	1355	14 September 2024

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.

Dashboard 2 Beta development

Related topics