Il y a quand même la carte disponible dans le menu de sélection des cartes. Mais elle n’est pas configurable en mode UI, quand mode YAML.
aurais tu un exemple de code que je puisse copier pour tester?
Comme le dit WarC0zes, il y a normalement la button-card dans le choix des cartes quand tu cliques sur « Ajouter une carte » :
un exemple basique.
type: custom:button-card
entity: light.0x00158d0002e75493
name: cuisine
Tu as la doc avec plein d’exemple.
c’est la que ca coince, je n’ai pas ce choix qui apparait
Tu es sur quelle est bien installer dans HACS?
oui puisque j’accede a la boutique d’HACS et que je clique sur « telecharger » donc ca doit etre bon ???
la vache, je viens de comprendre ou sa bugge, apparement ca fonctionne mieux avec le navigateur « edge » et pas sur « firefox » que j’utilise habituellement
Non, c’est ce que je t’es dit plus haut .
Actualiser le navigateur, n’est pas redémarrer HA.
Faut juste fait un F5 ou CTRL + R dans ton navigateur pour recharger le cache. Sinon ton navigateur ne voit pas ta nouvelle carte. Et a chaque installation de nouvelle carte faut le faire.
Normalement a la fin d’installation d’une crate, HACS te propose de recharger le cache.
bon ok, j’ai plus le temps faut que j’aille au taff, merci pour votre aide mais je crois que je vais avoir encore besoin de vous plus tard
oui super j’ai réussi, en fait je n’arrivé pas a telecharger la carte « button-card » avec le navigateur Firefox c’est pour ça que je ne le voyez pas apparaitre mais c’est ok avec Edge.
Voila j’ai bien avancé mais je n’arrive toujours pas a mettre une image en fond de mon button card « Salon »
type: custom:button-card
name: SALON
aspect_ratio: 1/0.5
custom_fields:
Lumière/Ventil.:
card:
type: custom:button-card
name: Lumière/Ventil.
styles:
name:
- font-size: 25px
- font-weight: bold
- color: rgba(0,0,255,1)
- justify-self: null
card:
- background-color: rgba(255,250,250,0.0)
- border: none
Volet Roulant:
card:
type: custom:button-card
name: Volet Roulant
styles:
name:
- font-size: 25px
- font-weight: bold
- color: rgba(47,79,79,1)
- justify-self: null
card:
- background-color: rgba(255,250,250,0.0)
- border: none
Inter_Lumière:
card:
type: custom:button-card
entity: switch.shelly1_98cdac0c2e05
icon: mdi:lightbulb
show_name: false
state:
- value: 'off'
styles:
card:
- box-shadow: none
- background-color: rgba(242,242,242,1)
icon:
- color: black
- value: 'on'
styles:
icon:
- color: rgb(255,215,0,1)
card:
- box-shadow: 0px 0px 6px 3px rgba(230,27,37,1)
- background-color: rgba(105,105,105,0.5)
Commande_Volet_Roulant:
card:
type: custom:button-card
entity: cover.shellyswitch25_3494547a7ad6
show_name: false
styles:
card:
- background-image: /local/images/salon.png
- border-color: black
name:
- color: rgba(210,105,30,1)
- font-size: 50px
- font-weight: bold
- align-self: start
- justify-self: start
- padding-left: 32%
custom_fields:
Lumière/Ventil.:
- width: 40%
- position: absolute
- left: 7%
- top: 40%
Volet Roulant:
- width: 35%
- position: absolute
- left: 7%
- top: 65%
Inter_Lumière:
- width: 20%
- position: absolute
- left: 60%
- top: 40%
Commande_Volet_Roulant:
- width: 20%
- position: absolute
- left: 60%
- top: 65%
Bonjour, c’est normal, ta syntaxe n’est pas la bonne :
Remplace
- background-image: /local/images/salon.png
par
- background-image: url(/local/images/salon.png)
et ajoute
- background-size: cover
pour que ton image prenne tout le fond de ta carte
merci, c’est exactement ce que je voulais
Super, mets ton sujet en résolu alors si c’est tout bon pour toi.
je ne sais pas comment on fait pour le mettre en resolu
Si tu sais tu l’as fait
oups, ok j’ai compris LOL