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

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.

C’est à dire?
Tu peux me mettre ton code sinon?

Les sections…

Et là il y a une carte dans chaque section…

Ah oui ok!! Merci
Je vais tester ça !!

@neobac45, au vu de tes questions, je te conseille de lire ce tuto: ✅ Découverte et Prise en main de Lovelace

En particulier la partie tableaux de bord: ✅ Découverte et Prise en main de Lovelace

Oui j’avoue que c’est une partie que je ne me suis pas plus intéressé que ça…
Je vais de ce pas me documenter.
Merci

Salut.
J’ai pas mal avancer! Par contre sur mon Mac j’arrive bien à avoir 4 colonne (section) mais sur ma tablette j’en ai que 2…histoire de résolution…taille écran?

Sûrement oui. J’arrive à avoir 3 colonnes sur iPad en utilisant non pas la nouvelle mise en page « section » mais plutôt en utilisant « vertical layout card » en fixant 3 colonnes max. Dans ce cas, les marges sont réduites et ça passe.

Bonsoir tout le monde , déjà un grand merci à toi @BBE pour ta carte j’ai récupéré ton code et pas mal retravaillé la chose (certains connaissent déjà mon Dashboard)
le dashboard telephone:

le dashboard pc:


J’ai coupler avec declutterring-card et bubble-card pour quelques chose d’assez visuel (le background de la carte météo et l’icône change en fonction de l’état du sensor,plus quelques trucs additionnels)

1 « J'aime »

C’est top !

Tres belle reinterpretation!

Tu partages ton dashboard quelque part?

Merci , oui ici GitHub - RomainRou/dashboard-2024-2.0

Je fais des mise à jour fréquentes comme je suis toujours en train de trouver une idée à la con à mettre en place ou optimiser le code :rofl:, la il y a la base et de mon coter j’ai adapter a mes envie avec des conditionnel