Here is the dashboard for my home control. Most of my items have states on, off or auto, some have colour change.In order to show the current state which may have ben set by a button touch in the dashboard or may have been set by a timer, I have a coloured icon on the left next to the description. T…

Space conservation is the trickiest thing in ui building for small screens. Even for skilled artist. :wink:

Hah, I just spotted how to add that template to the site - and not just that tab. Sailing now.... Mywife has decided that RED means stop so colour change too - green for go, black for stop. Getting there. [image]

[image] hotNipi: #Home_Default_cards > md-card > md-input-container { Be aware that this selector works only for input container in that tab and group. I did selector that way for purpose. If you use some other text input with some other input method than color picker, then those others are …

That's true . the button with colored square doesn't talk much about what will happen if you press it. And the red square is definitely STOP kind of thing. If that is the "No go" then of course the 1x1 sized color picker can't be an option. So if needed, something like this can be also figured out…

Add this (and adjust the vertical position of icon with the top property) #Home_Default_Group_cards > md-card > md-input-container > label{ position: relative; top: 15px; } For #Home_Default_Group_cards > md-card > md-input-container the border-radius:16px; should be given in pixels, (you …

This looks great..i probably would just colour the Paint Brush the selected colour

You probably don't want to do it cos if it matches the background color then the art means nothing.

As you might expect I spent half the night putting the coding on my blog so others can benefit. https://tech.scargill.net/node-red-dashboard-for-2021/ Thanks again. It's all becoming a lot clearer.For some time I've been determined to stay within Node-Red for my home control dashboard and this new …

Dashboard buttons easy colour state change?

Dashboard

scargill 29 November 2020 20:35 43

I'd like to take this opportunity to thank both you and DaveCJ - this is all working now...

Disappearing Palette Manager after failed Aedes install

Topic		Replies	Views
I am still not getting thse `buttons` and their settings Dashboard	21	1336	16 April 2020
Button State node - is something similar available for Dashboard 2? Dashboard dashboard-2	32	1246	15 September 2024
Examples of Colour change button and switch FAQs	32	36786	19 November 2020
Change icon color by message Dashboard node-red-dashboard	26	4756	17 January 2022
How To Modify Dashboard Button To Alternate Color / Text? Dashboard	9	6389	23 September 2021

Dashboard buttons easy colour state change?

Related topics