[Carte] Mise en forme de ma mushroom room-card et tuto

Une petite MAJ. J’ai trouvé une astuce pour conserver l’interface graphique pour la version « horizontale »… Il suffisait d’insérer une carte « pile horizontale » dans le stack-in vertical…

Si je trouve un peu de temps je la mettrai aussi dans la version simplifiée…

Du coup rapido ma version de test des sections :

version 1 colonne:

version large:

Bon c’est pas encore 100% au point les sections chez moi car bien sur il y a des largeurs d’écran intermédiaires ou les 4 chips ne tiennent plus, mais globalement c’est pas mal…

Mise à jour du tuto pour la variante horizontale…

>>> Tuto simplifié mis à jour <<<

Super boulot, merci pour tes astuces !

Merci @BBE, tes explications sont claires, et cela m’évite maintenant un nombre important de page (volet, prises, lumières …) au top ! :smiley:
Je cherche à mettre cela à ma sauce, et j’ai un comportement bizarre :
Quand je mets un mushroom-template-card dans un popup, les valeurs des sensors ne remontent alors qu’elles remontent correctement dans une carte normale. Je m’explique :
Carte normale :

En l’intégrant dans un popup :

Cela vous parle ?

Non. C’est curieux.

Tu es sur que le sensor est bmle bon?

Oui oui, j’ai simplement fait un copier/coller entre les 2. Cela fonctionne de ton côté quand tu vais tu mushroom_template_card avec des sensor en secondaire ?

Bonjour,

Est ce que il est possible de mettre un nom au dessus de la pastille prise?

Pas avec des chips. Il n’y a qu’une info par chips. Par contre tu dois pouvoir mettre le nom à la place de l’état si tu cherches…

Il faut faire autrement (avec des carte mushroom où il y a deux infos: primaires et secondaires, à la place des chips par exemple) .

Tu as tout le principe dans ce que tu as déjà (un stack in et une liste de cartes: une mushroom template et une ligne de chips), il te suffit de modifier la ligne de chips…

Si tu supprimes la ligne de chips et la remplace par une ligne horizontale de cartes et des cartes mushrooms ou des tuiles et tu regardes ce que ça fait…

Tu risque d’avoir besoin de card mod pour remettre la bordure des cartes… mais essaie…
Tu as déjà bien modifié ta carte par rapport à ce que j’avais envoyé, continues, tu es sur la bonne voie…

Oui. Ça fonctionne pareil…

La preuve avec ce pop up,

Essaie de vider le cache du navigateur… souvent ça aide sur l’affichage…

Ok merci je vais faire des essaies :wink:

Suite à une petite discussion là: Room summary card · Issue #55 · piitaya/lovelace-mushroom · GitHub

J’ai mis quelques mises à jour de paramètres card_mod pour les variantes horizontales pour essayer de gérer la répartition et éviter la place perdue…

Modifications dans le 1er post et là: >>> Tuto simplifié mis à jour <<<

Bonjour, j’ai un sacré probleme … je ne comprend pas ^^

les chips card ne s’affichent pas et je ne voids pas du tout d’ou sa pourrait venir surtout qu’elles s’affichet, de temps en temps.

Merci


C’est un peu le problème de cette version carrée (que je n’utilise plus): pas facile de bien gérer les différentes largeur d’écran.

Sur ta photo du haut on voit un bout de carte bizarre (deux lignes en bas) c’est probablement là que sont cachées les chips…

je viens d’essayer la version vertical, exatement le meme problème :frowning:

Il m’arrive aussi de voir ce double contour sur la version simplifiée horizontale de la carte, essentiellement sur l’app iOS. Un ou 2 tiré-laché pour recharger la page et l’affichage revient à la normale .

Ça je l’ai régulièrement sur certains appareils. Je ne sais pas d’où ca vient. Ce n’est pas systématique.

Tant qu’on aura pas une stacking card officielle il risque d’y avoir ce genre de souci…

En général quelques refresh et ça revient.

Je cherche à dimensionner la carte?
Est ce possible? De façon à remplir l’écran de la tablette par exemple

Change le mode de ta vue

  • sidebar / barre laterale par exemple pour faire une colonne pleine largeur
  • ou mode carte pour avoir une seule carte en plein ecran.

Sinon dans la carte elle meme il faut faire du card mod et je ne suis pas un spécialiste.

Bonjour,

Comment fais tu pour afficher plusieurs colonne de carte ?
Comme ceci

Là il y a une section par carte.