Echange de bon procédés…
Petit teasing…
Pas mal de nouveauté dashboard semblent en préparation pour la version 2025.3…De nouveaux header et pas mal d’évolution de la carte tuile…
Quelques info là (en anglais) pour patienter jusqu’à mercredi prochain:
Bof , un new header avec du texte
Rien de transcendant…
Toujours pas de choix de couleur suivant l’état !
globalement d’accord sur le header…
mais il y a pas mal de petits trucs sympa sur les tuiles… En particulier la version horizontale (inline) qui était jusqu’à présent reservée aux cartes mushroom… et ça je crois que pas mal de gens l’attendaient pour passer de mushroom aux tuiles :
Il ne manquera bientôt plus que le template…
Oui, il y a que ca de vraiment bien. Le reste c’est du bling bling. Les effets
Si c’est ajouter, car aucune carte officielle supporte le template.
Le switch au clavier c’est bien pour l’accessibilité par contre (si on pense en particulier aux handicapés qui utilisent la domotique pour se faciliter la vie…) !!
Si la carte markdown…
Et donc aussi le nouveau header a priori…
Oui, mais pour afficher une information. Pas à utiliser pour changer un état, une couleur, icones dans une carte avec entité.
De ce que j’ai compris de quelques interactions avec @piitaya pour cet usage c’est la carte mushroom template qui resterait la seule à permettre ça. Il n’a pas l’air chaud d’introduire ça dans les tuiles.
Je serais tellement fan d’une super tuile qui remplacerait la mushroom template où l’on puisse gérer l’icone, le badge, le texte, l’état et avoir la main sur les features !! Je pense que chez moi ça supprimerait presque toutes mes custom cards… (mushroom template, bar cards, stack-in-cards) il ne resterait que autoentities, streamline la carte sun et la météo…
Mais si ça reste chez Mushroom, il ne manque que la gestion des features qu’on est toujours obligé de faire avec du stack-in-card de chips (comme chez moi) ou des button cards(comme chez toi)…
C’est bien pour ça, que ce n’est pas encore pour demain que je passerai sur la carte tuile.
Il faut qu’il arrête d’y toucher. Vous croyez que j’ai que ça a faire de refaire mon dashboard tous les 2 mois
Déjà qu’il n’est toujours pas finalisé. Par contre grâce à vous deux et l’explication rapide sur les thèmes j’ai viré pas mal de lignes des cartes en passant sur des class: comme l’avais montré @WarC0zes sur un post.
Alors ça c’est gràce à @WarC0zes parce que moi je ne l’ai toujours pas fait, et c’est dans ma pile de « trucs à faire »…
Ce serait bien que « quelqu’un » fasse un tuto / article sur les thèmes…
Par contre moi j’ai beaucoup joué avec les boutons « plus d’info » dont je parlais plus haut… et pour l’instant j’en suis très content !
En fait dans une carte markdown on peut afficher des images…
Bon pour l’exemple un bout de code trouvé sur le forum anglophone rapidement transformé avec la seule image que j’ai sur mon HA local…
type: markdown
content: >-
Une photo : <img src="/local/community/compass-card/Maison.jpg" width=20> de
ma maison hebergée en local.
Une image depuis HACF <img
src="https://forum.hacf.fr/uploads/default/original/1X/f21bfb78c8ffe5e68d8964c0a162197808faff17.png"
width="20"> !
La photo originale:

Je le savais
Je m’en doute !!
Par contre ce que je découvre moi c’est que la syntaxe : <img src="/local/community/compass-card/Maison.jpg" width=20>
te permet de redimensionner ton image à la volée (pour en faire une icone par ex)…
Tu trouveras ton bonheur avec toutes les syntaxes pour markdown:
Hélas il lui manque toujours les tap-actions à cette carte markdown…
On verra avec ce fameux header ce qu’ils en font…
On peut au pire faire un lien vers un webhook pour rendre cliquable une image ou un texte, mais c’est un peu tordu comme manière de faire:
<a href="lien vers un webhook"><img src="/local/community/compass-card/Maison.jpg" width=30></a> cliquer pour webhook
Une petite mise à jour de l’article pour coller aux dernières évolutions de la version 2025.3…
L’occasion de remonter ce fil pour ceux qui seraient passés à coté.
Au passage n’hésitez pas à regarder les astuces de la communauté HACF partagées dans ce fil et rassemblées dans le premier message du fil:
Quelques raccourcis vers des astuces évoquées dans le fil de discussion ci dessous:
-
Tester les exemples de mise en page avec tuiles et entête de l’article, directement dans le dashboard de démo de home assistant par @BBE : [Article] Un beau dashboard, tout simplement - #5 par BBE
-
insérer un espace vide dans une section pour faciliter la mise en page par @jerome6994 : [Article] Un beau dashboard, tout simplement - #12 par jerome6994
-
Utiliser des sensor modèles (template) pour créer des pop ups personnalisés sans utiliser d’artifices par @herveaurel là: [Article] Un beau dashboard, tout simplement - #23 par herveaurel et la suite là: [Article] Un beau dashboard, tout simplement - #45 par herveaurel
-
Utiliser une entité « vide » dans les cartes en-tête pour éviter de coller les icones en bord de carte (dans un stack-in) par @herveaurel là: [Article] Un beau dashboard, tout simplement - #55 par herveaurel
-
Testez vos dashboard pour n’importe quel mobile ou tablette directement sur PC par @BBE là: [Article] Un beau dashboard, tout simplement - #59 par BBE
-
Customiser les icones de ses cartes tuiles avec les device-class par @BBE: [Article] Un beau dashboard, tout simplement - #67 par BBE
-
Utilisation de la carte tuile météo par @Marleo avec lui aussi des sensor modèles (templates) pour afficher les previsions avec la tuile météo et pas seulement la météo en cours: [Article] Un beau dashboard, tout simplement - #72 par Marleo
-
Créer des cartes « dépliantes » par @Marleo avec un input-booléen, une carte entête et la gestion de la visibilité des cartes [Article] Un beau dashboard, tout simplement - #91 par Marleo
Suivi d’un autre exemple par @BBE sur un dashboard « interactif » avec le même procédé: [Article] Un beau dashboard, tout simplement - #96 par BBE -
Toutes les possibilités d’une carte markdown par @WarC0zes ici: [Article] Un beau dashboard, tout simplement - #117 par WarC0zes
Quelques petites mises à jour pour tenir compte des dernières nouveautés de la version 2025.4…
Les dashboards par pièces sont désormais de la partie, ils sont donc désormais décrits dans cet article…
Ces dashboards (toujours expérimentaux) peuvent être une très bonne base pour démarrer un dashboard, en en prenant le contrôle, pour ne pas partir de zéro… Un point intéressant pour ceux qui débutent un dashboard en section et ne voudraient pas partir de zero.
Et toujours les meilleures astuces partagées par tous rappelées dans le premier message:
-
Tester les exemples de mise en page avec tuiles et entête de l’article, directement dans le dashboard de démo de home assistant par @BBE : [Article] Débuter avec un beau dashboard, tout simplement - #5 par BBE
-
insérer un espace vide dans une section pour faciliter la mise en page par @jerome6994 : [Article] Débuter avec un beau dashboard, tout simplement - #12 par jerome6994
-
Utiliser des sensor modèles (template) pour créer des pop ups personnalisés sans utiliser d’artifices par @herveaurel là: [Article] Débuter avec un beau dashboard, tout simplement - #23 par herveaurel et la suite là: [Article] Débuter avec un beau dashboard, tout simplement - #45 par herveaurel
-
Utiliser une entité « vide » dans les cartes en-tête pour éviter de coller les icones en bord de carte (dans un stack-in) par @herveaurel là: [Article] Débuter avec un beau dashboard, tout simplement - #55 par herveaurel
-
Testez vos dashboard pour n’importe quel mobile ou tablette directement sur PC par @BBE là: [Article] Débuter avec un beau dashboard, tout simplement - #59 par BBE
-
Customiser les icones de ses cartes tuiles avec les device-class par @BBE: [Article] Débuter avec un beau dashboard, tout simplement - #67 par BBE
-
Utilisation de la carte tuile météo par @Marleo avec lui aussi des sensor modèles (templates) pour afficher les previsions avec la tuile météo et pas seulement la météo en cours: [Article] Débuter avec un beau dashboard, tout simplement - #72 par Marleo
-
Créer des cartes « dépliantes » par @Marleo avec un input-booléen, une carte entête et la gestion de la visibilité des cartes [Article] Débuter avec un beau dashboard, tout simplement - #91 par Marleo
Suivi d’un autre exemple par @BBE sur un dashboard « interactif » avec le même procédé: [Article] Débuter avec un beau dashboard, tout simplement - #96 par BBE -
Toutes les possibilités d’une carte markdown par @WarC0zes ici: [Article] Débuter avec un beau dashboard, tout simplement - #117 par WarC0zes
MaJ suite aux nouveautés de la version 2025.4