[ CARTE ] Bubble Card - Des pop-up et une collection de cartes minimalistes

Je suppose que c’est lié, voici le rendu pour mon menu météo, ca deborde un peu

Salut je test la beta, super boulot, c’est bien complet.
Juste deux petite question, ici je ne comprend pas pourquoi il me fait défilé le nom des entités en double.

et pourquoi une fois une lumière activé la couleur du fond change pour une couleur plus paste alors que c’est la même couleur dans cette exemple.


  .switch-button {
    background-color: ${state === 'on' ? 'rgba(255, 90, 0, 0.9)' : 'rgba(255, 90, 5 , 0.9)'} !important;
  }

onCapture d'écran 2024-04-20 155534
offCapture d'écran 2024-04-20 155505

J’avais la même chose avec une vertical-stack qui comprenait 3 cartes. Une custom :paper-buttons-row, custom:bar-card et une carte entities.
En virant l’entities l’affichage est rentré dans les clous. Je n’ai pas cherché à comprendre davantage mais ça peut ptet orienter le debugging ?

Hey Clooos, le z-index des pop-up a réellement besoin d’être à 6??
J’ouvre juste la discussion mais… 5 ce serait parfait pour moi :slight_smile:

1 « J'aime »

Merciiiii pour la modif! Clooos powaa!!

1 « J'aime »

Hello Clooos,

Sorry pour le ping mais j’ai besoin d’un petit coup de main.

J’ai commencé à jouer avec HA et de fait je me lance dans la réalisation d’un Dashboard avec ta lib.
Déjà gros gros bravo (cocorico !)

Pourrais tu stp partager ton fichier de theme.yaml car la je fais du moche !

Merci d’avance

Yo

Tu as regardé sur son git il a un thème bubble

1 « J'aime »

Yes merci bien.
Je sais pas s’il est encore valide. Le dernier commit a 8 mois et comme il y a la nouvelle version de bubble card, je me disais que ça avait du bouger.

C’est toujours le bon @Clooos ?

Oui toujours le même que celui que j’utilise :slightly_smiling_face:

1 « J'aime »

Hello!
Alors Premièrement, félicitation à Clooos pour ce travail de dingue!
Cependant, impossible pour moi de comprendre pleinement le fonctionnement et de faire fonctionner l’ensemble comme il faut. Je suis bilingue, donc ce n’est pas un souci avec la langue, mais je pense être vraiment teubé!

En fait, (et je suis désolé, ce n’est pas à prendre « méchamment ») mais l’explication au niveau du popup n’est pas claire. J’ai testé maintes et maintes fois, différents paramètres, ça ne veut pas.

Il est dit par exemple d’utiliser une pile verticale, dedans un popup et un tag (dans mon cas #lampes). Puis, ce même # est censé pouvoir être rappelé pour le popup, mais c’est là où j’ai 2 de QI.
Sur un slider par exemple, on ne peut pas spécifier un tag. J’ai bien tenté d’ajouter des sliders dans la même pile verticale, après le popup, mais pas moyen, le popup n’apparait pas.

En mode édition je vois bien la pile et mes sliders etc… mais c’est là où j’suis bête, une fois validé le popup n’est pas là. Il n’y a pas d’autoclose d’activé ni rien.

Quelqu’un aurait une vidéo où l’on voit la création de A à Z?

J’ai aussi testé avec un bouton permettant d’ouvrir le popup (le tuto sur Git), mais pas moyen.

Aussi, je n’ai pas trouvé si c’était possible, mais comment faire une sorte de « menu déroulant » ?

Par exemple, j’ai « Lampes », qui permets de tout allumer/éteindre, et imaginons avec un appui long , tous les sliders apparaissent en dessous. Est-ce possible avec Bubble Card?

Un p’tit peu comme un popup mais pas en bas quoi. (et encore parce que le popup vient au premier plan, je cherche vraiment un truc qui se déplie en dessous)

Désolé si mon message est un peu confus et si la conf peut paraitre toute simple pour certains, mais même étant habitué à HA, je galère.

On ne voit que le popup en mode édition, si tu la bien mis dans une pile verticale puis créer un popup avec son nom bien défini ça devrait fonctionner.
Tu créer un bouton basique sur ton dashboard et comme action du met navigate et ensuite le nom de ton popup.

Purée… 1000 mercis…

J’me disais bien qu’un truc clochait!

Edit: Ce qui est cool, c’est qu’on peut faire du nested, j’ai un popup chauffages, qui m’affiche les switches de mes thermostats virtuels avec les infos essentielles, On/off etc… et chaque thermostat virtuel de ce popup renvoie vers la card plus précise

image

image

image

C’est vraiment propre, bravo!

Question au passage, comment régler les « marges » des séparateurs? De manière à ce que les autres élements soient un peu plus proches du séparateur

Salut,
Sympa ça :slight_smile:
@OzOzOz Tu voudrais bien poster le code de ces cartes ?
J’ai bien envie de me lancer dans les bubble card :slight_smile: et j’apprends par l’exemple :wink:
Merci d’avance :wink:

Salut, il y a plein d’exemples dans la documentation, n’hésites pas à aller y jeter un coup d’oeil :slight_smile:

2 « J'aime »

Salut :wave:t2:
Le plus dur sera de trouver l’agencement et là-dessus je ne suis pas créatif :rofl: