Picture element - navigate_path

Bonjour,

voilà je m’amuse avec cette carte et je souhaitera faire un navigate_path vers une autre vu mais quand je clic n’importe où sur limage de fond. Comme la glance.
J’arrive à le faire en cliquant sur les switch et autre, mais pas sur l’image ou dessin.
Qui aurait une astuce ?

J’utilise ceci:

type: picture
image: http://192.168.1.228:8123/local/image/meteo2.jpeg
tap_action:
  action: navigate
  navigation_path: /lovelace/meteo
hold_action:
  action: none

Ma vue « Meteo » est une sous vue. Aussi, si je clique sur l’image, j’atteri sur la vue Meteo. Et ensuite, clic sur la flèche en haut à gauche pour un retour sur la vue où il y a l’image.
@+ Guy

1 « J'aime »

Salut.
Attention aussi aux superpositions Si une image ‹ cliquable › est sous une autre image non cliquable : ça marche pas

Ah oui !
j’en suis pas encore là. J’ai encore pas mal de chemin à parcourir :innocent:
Merci pour la remarque.

C’est celle qui est mise en 1er qui est sous les autres ? Comme une pile ?

Exactement, celle en bas de la liste (dernière construite par HA) est celle accessible en premier quand on clique

Ok je vois. Donc tout en haut je mets ceci :

type: picture-elements
elements:
  - type: picture
    image: /local/Photos/IMG_20210911_150902.jpg
    tap_action:
      action: navigate
      navigation_path: /lovelace/Maison
    hold_action:
    action: none
  - type: icon
    icon: mdi:thermometer
    entity: sensor.0x00158d00011173c7_temperature
    style:
      top: 83%
      left: 38%
      color: white
      font-size: 13px

Ok c’est bon je vois l’image. Comment l’agrandir car j’ai essayé aspect_ratio, mais ça n’a pas l’ir de marcher…

Avec le style :

  - type: picture-elements
    image: /local/images/bg.png
    style:
      width: 100%
      height: 100%
1 « J'aime »

bonjour bonjour,

je poste ici car cela concerne toujours la carte Picture element, mais pas le navigate_path…
Dois je créer un autre sujet ou pas ?

En fait je n’arrive pas à harmoniser les couleur des boutons sur la carte.
Je m’explique, dans mes vues j’ai une couleur avec le theme sombre comme cela :

type: custom:button-card
entity: switch.cafetiere
icon: mdi:coffee-maker
color: rgb(255, 131, 0)
state:
  - value: 'off'
    color: rgb(160, 161, 160)
show_state: null
size: 110px

La dans les vues ça me convient bien.

Sauf que dans sur ma picture element il prend les mêmes couleurs :
Sans titre

Hors je souhaite que actif il soit blanc et inactif il soit grisé comme ceci :
Sans titre2

Et là je bloque…

Autre question, l’icon sur un appel de popup peut il changer de couleur si j’ai au moins un éclairage sur on ?

Sans titre

Pareil grisé off ou blanc on

Bon, j’ai avancé mais c’est pas tip top. De ce que je comprends, le custom button prend le dessus sur le theme…je vais me débrouiller.

Par contre pour la dernière question, j’ai pas trouvé…