[2021-02-11 14_37_58-Node-RED Dashboard] Can anyone help. I just had to go back a version or so of my NR due to an issue unrelated to Dsdhboard - I have everthing running and updated to the latest dashboardd -however I have an issue with formatting of the text mode input colour picker mode. One of you guys kindly helped me last time to use a paintbrush in the colour picker icon And that was great (sadly I didn;'t make notes) - but now as you see in the photo the formatting of that colour pickre rectanle + brush is all screwed - any idea how to fix? Hotnipi - mightve been you? But I've faithfully restored my flow... but I'm getting the mess you see in the picture... What it should look like is this... [2021-02-11 15_10_00-My Node-Red Dashboard Controls for 2021 - Scargill's Tech Blog] Regards Pete

Pete - @hotnpi already replied in the other thread.. .maybe it crossed in the aether [image] Disappearing Palette Manager after failed Aedes install General Hi Peter, The old thread where it was discussed is here: I did by my own instructions and it worked quit well. #Home_CHART_cards > md-card > md-input-container { padding:0 !important; margin:0 !important; border-radius:20px; background-color:var(--nr-dashboard-widgetColor); } #Home_CHART_cards > md-card > md-input-container > label{ position: relative; top: 15px; } .nr-dashboard-theme .nr-dashboard-textinput input[type="color"]{ border: none !important; wi…

@scargill Things to check: Is the ui_template node,where the styles are defined, targeted to be added to site head? Check the spelling of the Tab names and Group names. The CSS rules contain those names and the #id selector must be valid to reach the target. #Tab_name_Group_name_cards. All are case sensitive.

Ok, you;ve immediately confused me, sorry. The flows I imported into the older Nofe-Red (only November) are pasted directly from the originals – not changed in any way – so whatever I originally set up in the flows is as before.. So yes on one of my pages is a ui template node with CSS that says: [image001.png] None of that has changed – all my flows seems to have imported intact (all were saved to a single file)

Thank you. He's responded but as yet nothing – I made no changes to my flow pages, just imported the lot as a block – and everything except for the colour picker text node formatting is fine – somehow that didn’t make it – I'm aassuming it is something in the setup – already checked site widget sizes and spacing – nothing wrong there that I can see….. Regards Pete

Strange. Try to set the ui_template with styles to render in group, then deploy, then set it back to site head and deploy.

Strange indeed. I set to group, deployed, checked, same (on phone with refresh) – went back to site, again checked on phone, no difference. I even changed the button radius to make sure I wasn't dreaming – the radius changed on the phone, changed it back, checked, all ok but that brush remains stuck out of place. Anything else come to mind… reminder I did update Dashboard so it isn’t an old dashboard. The state of affairs of my original clone as around Oct/Nov 2020… at which time everything was up to date. I don’t need to update anything other than dashboard I assume?… Pete

What is the dashboard version? And If you can, for sure do update..

Hi NR 1.2.6 and NR Dashboard 2.27.0 Any ideas for getting around this welcome – it was all working so well.. Regards Pete

So things are up to date. It will be quite of challenge but as I'm out of ideas, it takes to see things. If you can, explore the picker with browser developer tool and trill down to see same elements as below [image]

Thanks for your efforts – I just noticed of course, not only is the icon raised up to the left but the nice dark rounded frame around the picker has also disappeared… but that css section continues to round the buttons….

Node-RED

Node-RED Forum

Dashboard colour picker text mode

Dashboard

dceejay 11 February 2021 14:37 2

Pete - @hotnpi already replied in the other thread.. .maybe it crossed in the aether

Topic		Replies	Views
How to create a working round color picker (iro.js) in Node-RED Dashboard 2.0 Dashboard dashboard-2	5	255	7 June 2025
Dashboard buttons easy colour state change? Dashboard	54	6162	3 December 2020
Dashboard CSS tips - Color picker (text input) with icon Dashboard	1	833	29 November 2020
Dashboard CSS - custom and blue Dashboard	25	8439	20 April 2021
Styling of the dashboard text input node question Dashboard	35	1155	8 December 2022

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 colour picker text mode

Related topics