[Article] Un beau dashboard, tout simplement

Bravo.

Très inspirant comme toujours.

Moi non plus je vois encore mal comment faire des cartes très synthétiques sans stack-in-card…

Étant assez fan des pop-ups, je me pose néanmoins la question de revenir à plus de sous vues et moins de pop-ups… Stratégie à définir…

Si vous avez d’autres vidéos ou articles intéressants sur la stratégie de construction du dashboard dans la même idée que celle citée plus haut, faites suivre…

Mes popup sont soit des sous vue en effet, soit des popup natifs mais a base de sensor template pour concentrer des infos, par exemple :

Les lumières :
Etat : pièces allumées (off si rien, ce qui déclenche ou non la couleur de l’icone)
En attribut : compteur, détail des lumières allumées, message (état classique)

image

Les ouvertures :
Etat : on - off (ce qui déclenche ou non la couleur de l’icone)
En attribut : compteur, détail de chaque ouverture, message (état classique)

Etc…

1 « J'aime »

Comme d’hab j’avance pas aussi vite :rofl:

Mais je suis dans le même esprit réconforté par la vidéo nommée :crazy_face:

J’ai gardé stack in card aussi pour les room card avec mushroom-template-card et mushroom-chips-card.
Mais j’ai aussi garder browser_mod pour les popup afin d’accéder à l’actionneur prises et lumières sans forcément aller dans la pièce à voir à l’usage

Badge conditionné aussi avec des mushroom-template-badge

La pièce correspondante avec affichage ou non de la partie assistant si je suis à la maison et idem pour les caméras si active j’affiche sinon je mets pas

2 « J'aime »

Super merci pour l’info, c’est exactement la même chose chez moi. Si je force mes stack-in-cards à 2x2 ça fonctionne !

J’en profite pour poser une autre question : comment modifier facilement la taille des textes dans la carte En-tête svp ? Je n’arrive pas à trouver le code avec card_mod

2 « J'aime »

Tu veux modifier ça ?
image

Oui, la taille (voir épaisseur) des textes « titre » :

card_mod:
  style: |
    .content {
      font-size: 35px !important;
    }

exemple:

type: heading
heading: Nouvelle section
heading_style: title
badges:
  - type: entity
    entity: sensor.0xa4c138e08a32a900_temperature
card_mod:
  style: |
    .content {
      font-size: 35px !important;
    }
1 « J'aime »

Merci beaucoup! C’est nickel.

1 « J'aime »

J’abuse un peu, mais pour le mettre en gras également stp ? 1000 mercis d’avance ! (dure de trouver des infos précises sur le net avec card_mod)

Rajoute au code card_mod, que je t’ai montré font-weight: bold !important;

C’est très malin de se créer des template pour utiliser le « plus d’info » comme pop-ups…

J’y pensais (mais pas vraiment mis en pratique) pour essayer de remplacer des mushroom template.

Mais je n’avais pas pensé à faire comme toi!

Peut être tout simplement parce que c’est du css et là ce ne sont pas les infos qui manquent sur le net.

1 « J'aime »

Ça fonctionne, merci ! C’est le !important qui me manquait…

Toujours essayer le !important, si sans ça ne fonctionne pas.

1 « J'aime »

Le titre et les entités ( icône et state ) sont trop petits à mon gout dans le header, surtout sur une tablette ou un mobile. Il faut utiliser card_mod pour modifier tout ça :frowning:
Les icônes des entités du titre, on ne peut pas avoir deux couleurs suivant l’état. Custom-ui ne fonctionne pas avec la vue section. Il faut passer par un thème, pour le faire.
Trop de chose, qui me bute à passer en vue section encore. À voir dans plusieurs mois si c’est amélioré, mais j’en doute vu la politique ( au plus simple possible ).

image

image

J’ai les couleurs selon états…

Aucune ligne card mod.

Soit gris, soit une couleur ?
Sinon , tu passes par un thème ?

En activant le thème natif j’ai les couleurs. Ce qui est logique puisque je dis par exemple : si ON alors light-blue dans mes cartes.
Donc gris quand off et couleur choisie quand on.

1 « J'aime »

Sympa ! Pourrais-tu s’il te plaît nous poster des screenshots de tes différentes pages pour nous inspirer ?

Meme logique, le max en natif

2 « J'aime »