J’ai le plaisir de partager avec vous un nouvel article pour la communauté sur l’élaboration de votre tableau de bord.
Dans cet article je vous accompagne pas à pas dans l’élaboration d’un dashboard simple et coloré, tout à fait simplement et sans avoir besoin d’utiliser le YAML…
Plutôt destiné aux débutants, cet article sera aussi utile pour ceux qui voudraient découvrir les formidables nouvelles capacités offertes par les sections, les cartes en-tête et les cartes tuiles…
N’hésitez pas à faire part de vos commentaires, à poser des questions, à partager vos astuces, et à partager vos réalisations dans ce fil de discussion!
En bonus:
Je le mentionne dans l’article, mais la vidéo de @piitaya et @Jenova70 disponible sur YouTube est très complémentaire des notions abordées ici. Je vous encourage fortement à la regarder aussi, en particulier pour la façon dont ils partagent leurs visions sur la stratégie d’organisation de leurs tableaux de bord, et quelques astuces que je n’ai pas partagé ici car il fallait rester raisonnable sur la longueur de l’article:
Quelques raccourcis vers des astuces évoquées dans les discussions ci dessous:
Après il y a déjà des trucs périmés… Les devs font tellement d’évolutions que désormais le dashboard par défaut est en train de migrer doucement vers des sections et des cartes tuiles…
Je pense que d’ici une ou deux versions la première partie sera obsolète…
Au passage, pour ceux qui voudraient expérimenter ces différentes sections présentées dans l’article, pour jouer avec les mises en pages des cartes tuiles et en-tête et voir comment c’est fait:
Voici ci dessous le code complet d'une vue équivalente:
Je vous l’ai refaite en mode « cuisine », et avec les entités du dashboard de démo pour que tout le monde puisse jouer même sans avoir les bonnes entités…
Donc:
Soit à copier coller chez vous dans une vue comme expliqué dans l’article, et à modifier avec vos entités: light, motion detector et cover.
Soit ouvrir le dashboard de démo : https://demo.home-assistant.io/ et passer ce dashboard en mode edition puis copier coller le code de la vue dans une nouvelle vue pour jouer avec la cuisine du dashboard par défaut. (voir le GIF sous le code pour ceux qui n’ont pas suivi l’article )
Les liens de navigation vers les sous vues ne seront pas fonctionnels, mais ça vous donne une bonne idée de ce qui est faisable et de comment c’est fait…
Ces « simples » cartes « standard »: en-tête et tuiles sont déjà tellement polyvalentes… On se demande parfois ce qu’on va faire sur HACS…
On a créé un titre, on naviguera vers la sous-vue comme précédemment (c’est matérialisé par le chevron >), et on a ajouté un petit badge avec le détecteur de mouvement de la pièce.
Donc non ce n’est pas dépliable, ça indique que c’est cliquable et renvoi vers une autre page.
Si on ne met pas de lien sur le titre alors pas de chevron.
En plein test de ces nouvelles fonctionnalités (très jolie au passage, on va finir par supprimer mushroom à ce rythme lol), est-il possible de faire une colonne avec 2 tuiles de 2 en hauteur, et une autre colonne avec une tuile de 1 en hauteur, puis 3 en hauteur pour celle du dessous ? Je n’arrive pas à faire en sorte qu’elle se colle à la plus petite… Une image est surement plus parlante :
Avec des cartes tuiles, en jouant avec l’onglet mise en page des différentes cartes pour être sûr qu’elles font bien 1 ligne ou 2 lignes de haut, ça marche…
Mais j’ai remarqué que dès qu’on commence à avoir des cartes un peu particulières, ça marche moins bien… Le problème vient peut être des cartes que tu utilises dans ta « colonne » de gauche (qui ne sont pas des tuiles, mais probablement des stack-in-cards…).
J’obtiens la même chose avec des stack-in-cards (contrairement aux tuiles):
Le soucis de mon point de vue c’est que tu as une carte custom alors que moi j’utilise une carte native donc pas d’installation supplémentaire à faire mais oui ça marche aussi
De mon coté c’est quasi tout bon !
Et tout les onglets y sont passés.
Proche de la logique de la superbe vidéo Youtube avec Horizon Domotique et Piitaya, j’ai ajouté les badges en conditionnel pour avoir l’activité importante en premier et de manière dynamique.
)
