Comment changer le style du dashboard Node-RED (custom CSS)

[@AmesisProject]

ca tue mec merci ! je vais devoir bouffer ta série nodred maintenant...

[@lepopeye954]

La mignature est si belle, merci pour cette astuce ! Ça change tout et super rapidement !

[@alexanderkirchnerat]

Great video. This is exactly the inspiration for Node-Red Dashboard that I was missing. Thanks for this and greetings from Austria! Superbe vidéo. C'est exactement l'inspiration pour Node-Red Dashboard qu'il me manquait. Merci beaucoup et salutations d'Autriche !

[@f5ces]

Très interressant je vais suivre tout cela avec le plus grand plaisir MERCI

[@higiniofuentes2551]

Merci pour cette vidéo très utile !

[@boucettamohamed6279]

Thanks , it's amazing dashboard

[@UmutErhan]

oh man! 🔥

[@LaurentTercinet]

top ! merci

[@zyroxiot9417]

Great, thanks 👍🏼🇧🇷

[@RewindFPV]

This is exactly what i was looking for my node red dashboard.......it would be awesome if you could do more CSS tutorials for Node-Red I couldn't really find anything related to Node Red and i'm not really into CSS yet. Maybe i'll be able to customize your CSS code with the Colours a little bit and make it more suitable for me but that will be just guesswork for me 😅😂

[@remigagnaire996]

Super tuto! Petite question tout de même, est-il possible d’insérer une image et de mettre des valeurs dessus ? Genre le plan de la maison et les températures dans les chambres / les boutons etc ?

[@NeodymeTV]

Oui c'est totalement possible ! Mais il vaudrait mieux utiliser la node : node-red-contrib-ui-svg J'ai prévu de faire une vidéo sur ce sujet quand j'aurai le temps mais j'en ai déjà parlé en live (Ex à partir de 3h31 sur ce replay : www.twitch.tv/videos/1289216184 )

[@remigagnaire996]

@@NeodymeTV le lien n’a pas l’air de fonctionner malheureusement ! Tu aurais pas une petite pour m’aider à me lancer/ comment insérer une image simplement et une valeur ?

[@NeodymeTV]

@@remigagnaire996 J'ai fix le lien :D Et sinon la doc de la node + le wiki sur leurs github donnent pas mal d'exemples

[@cossonludovic9404]

Bonjour, super vidéo, mon dashboard commence à ressembler à quelques chose ! J'ai un souci par contre avec un node Gauge de type level, j'aimerais passer la couleur du contenu en bleu et le cercle d'entourage en une autre couleur, j'y arrive via la console F12 de firefox mais je n'arrive pas à copier le bon élément CSS pour l'ajouter dans mon node une solution ? Merci d'avance, Ludo

[@ilyaka-jw9jv]

bonjour c'est 5 minutes avec votre flow mais ou le trouver ? vous faites référence à votre github mais ou le trouver ?

[@NeodymeTV]

Bonjour, le lien vers mon github ainsi que le repo contenant le flow se trouvent dans la description de la vidéo.

[@PatrickL91-l1g]

bonsoir sur nodered addon de home assistant j'ai des difficultés pour configurer le dashboard flowfuse 2.0 . Node red haos classique. est ce que quelqu'un a essayé de faire marcher le dashoard flowfuse sur l'addon ? soit a les memes problemes soit a réussi !

[@monsieuran21ed]

Salut salut professeur ! J'ai suivi pas mal de tes tutos et j'ai bien progressé. J'utilise chatgpt pour générer mes scripts fonction node. As tu une astuce pour rendre des sliders et button de la dashboard en multitouch depuis Android stp? Merci énormément pour ta chaîne en français, c'est super agréable.

[@andre-gillesblin8940]

Bonjour et merci pour ce tutoriel aussi simple que puissant !!! le truc c'est que lorsque j'ajoute un mode template dans le flow existant il veut absolument associer le template à un groupe sinon j'ai une erreur de déploiement ??? comment puis-je m'en sortir ? merci mille fois

[@NeodymeTV]

Oui c'est un petit bug "normal" il faudra lier la node template a un groupe existant même si elle est en mode "added to site section". Elle apparaitra alors comme un bloc vide dans ce groupe. C'est un peu embêtant mais il suffit de la mettre en bas d'un groupe (peu utilisé de préférence) et ont fini par oublier que le bug existe :D

[@andre-gillesblin8940]

@@NeodymeTV Merci beaucoup, c'est exactement ça ! je pense que je vais maintenant explorer tes autres tutoriels !!

[@LucasLamy-w7m]

Gracias ! muy útil ! Tengo una pregunta, se puede separar mas las tarjetas ? con margin solo consigo desplazarlas en diagonal.

[@Choroaz]

Thanks, it's very helpful. Could you dig into styling the charts as well?

[@NeodymeTV]

I could try to add some styling for the chart in the template provided on my GitHub. There is already some styling possible directly from the NodeRED GUI, at least to “fix” the default blue lines that does not fit well with my bluish template. What kind of modification are you looking for ?

[@Choroaz]

@@NeodymeTV Thanks for the response! It would be perfect to change the arrow in the gauge chart or even make it transparent. Also, make the bar of the chart rounded at the ends :) I copied your GitHub code and it worked perfectly except you have all text in white and my values and axis still remain black.

[@Choroaz]

By the way, you helped me a lot, thank You for that!

[@zouaouiaymen1470]

subscribe and login comment ca marche dans node red ?

[@aamirayousef7011]

pouvez vous nous fait une vidéo sur SVG animation et merci

[@aamirayousef7011]

comment mettre une image background d'un seul flow

[@n3o2k5]

Super tuto, néanmoins je cherche partout comment faire pour ne pas modifier de maniere globale, mais plutot pour modifier au cas par cas :/

[@selmadjebli5163]

Please make more videos about this