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

re,

J’imagine que ça doit dépendre du nombre et du type de code

4200 lignes de pur bubble sur 1 seul dashboard
étrangement de mon côté j’aurai plus ce soucis avec mushroom… comme quoi

sur Pi5

cdt

Idem plus de 16000 lignes et pas de lenteur enfin plus depuis la dernière MAJ me concernant.
Par contre c’est plus compliqué en local que par le lien externe…


Attention par contre ça fonctionne bien en « maçonnerie » mais pas en « section » il me semble pour la fluidité et bugs

Alors j’ai aussi des soucis de lenteur parfois
Je confirme qu’en section c’est pas le même comportement qu’en maçonnerie !

Mais il y a aussi un sujet de comment tu construits le popup. Je ne sais plus quoi exactement mais le popup était mal construit fonctionnel mais alors lent au possible.
J’avais repris la vidéo de @Clooos sur le sujet pas à pas et ça passait bcp mieux !

Ah oui je viens de changer de PC et là j’ai tout qui s’accélère à l’affichage ! Mon NUC8i5 avec 32Go de Ram mettais un genou à terre merci à mon nouveau Ryzen 9 :grimacing:

Oui, il faut un PC puissant pour utiliser des cartes :sweat_smile:
Sinon ca rame lol
entre mon I7 et N95 , y a pas photo.

1 « J'aime »

Bonjour j aimerais savoir comment tu fait pour ouvrir une popup (ou autre) via une selection d’une pièce (étage dans ton cas) dans une bubble card . select
En fait comment recuperer le résultat de cette selection
Merci @Clooos

Hello,

Pensez-vous qu’il est possible d’adapter soit seul soit avec une icone, certaines animations mushroom, j’y arrive avec les simples, mais pas les complexes,

je pense par exemple à ça

1a

ça serait encore mieux avec une image dedans mais je me contenterai du 1er seul que je n’arrive pas à transposer…

1

merci

cdt

Je pense que c’est déjà possible. J’ai vu dans les exemples de styling que tu pouvais mettre une image dans un sub-button donc tu dois pouvoir le faire ailleurs

Hello,

si la réponse était pour moi, j’ai effectivement trouvé comment faire mais ça ne me convenait pas

11

notamment pour les icones dynamiques, et je n’ai pas cherché plus loin

1

cdt

1 « J'aime »

Je serais curieux de voir comment tu a fais.

hello,

Anim1

type: custom:bubble-card
card_type: button
button_type: name
icon: mdi:calendar-clock
name: test
scrolling_effect: false
card_mod:
  style: |
    .bubble-icon-container {
      position: relative;
      overflow: visible;
    }

    /* Bordure animée autour de l'icône */
    .bubble-icon::after {
      content: "";
      position: absolute;
      top: -2px;
      left: -2px;
      width: calc(80% + 4px);
      height: calc(80% + 4px);
      border: 4px solid transparent;
      border-radius: 50%;
      animation: fade 2s linear infinite;
    }

    @keyframes fade {
      0% { border-color: rgb(255, 0, 0); } /* Rouge */
      6.25% { border-color: rgb(255, 87, 34); } /* Deep Orange */
      12.5% { border-color: rgb(255, 152, 0); } /* Orange */
      18.75% { border-color: rgb(255, 193, 7); } /* Amber */
      25% { border-color: rgb(255, 235, 59); } /* Yellow */
      31.25% { border-color: rgb(205, 220, 57); } /* Lime */
      37.5% { border-color: rgb(139, 195, 74); } /* Light Green */
      43.75% { border-color: rgb(76, 175, 80); } /* Green */
      50% { border-color: rgb(0, 150, 136); } /* Teal */
      56.25% { border-color: rgb(0, 188, 212); } /* Cyan */
      62.5% { border-color: rgb(41, 182, 246); } /* Light Blue */
      68.75% { border-color: rgb(33, 150, 243); } /* Blue */
      75% { border-color: rgb(63, 81, 181); } /* Indigo */
      81.25% { border-color: rgb(103, 58, 183); } /* Deep Purple */
      87.5% { border-color: rgb(156, 39, 176); } /* Purple */
      93.75% { border-color: rgb(233, 30, 99); } /* Pink */
      100% { border-color: rgb(255, 0, 0); } /* Retour Rouge */
    }

    .bubble-button-card-container {
      box-shadow: none;
      border-radius: 15px !important;
    }

cdt

2 « J'aime »

Top merci.
Maintenant il faut que j’arrive à ajouter le badge_icon.

1 « J'aime »

Bonjour à tous, je découvre bubble card qui est assez incroyable !
Par contre vous n’avez pas un léger décalage des cartes vers le bas à l’ouverture d’une pop-up ?

Enregistrement de l’écran 2025-02-10 à 10.20.39

EDIT : je n’ai pas le problème en mode maçonnerie, mais uniquement en mode section.

De mon côté en section pas de problème, sa m’arrivait quand j’utilisais card-mod

Tu as raison, cela vient bien de mon card-mod ! Merci.

C’est une des nombreuses raisons pour lesquelles je dégage card-mod petit a petit

1 « J'aime »

Bonjour, J’ai maj ce matin en beta 1 (plus de styles) puis 2 (buble card not found…) - retour en 2.4.0 confirme que tt est ok de mon coté. J’ai relu les notes de maj mais rien trouvé de spécifique à faire au delà de copier le fichier bubble-module…
J’ai bien entendu redémarré, purgé le cache etc…
C’est juste moi ou ???
++

Bonjour @Clooos J’ai tenté l’install des differentes betas en b1 je perds les styles, puis à partir de la B2 j’ai :


A croire que la carte s’installe differemment ?
Une idée? Piste ?

edit: après avoir purgé plusieurs fois le cache c’est retombé en marche…

Hello,

A mon avis si tu testes les beta, le plus simple ça reste d’aller sur le github

cdt