Eigene Grafik als Schaltfläche nutzen

[BMWChefe]

Hallo, ich möchte eine eigene Grafik als Schaltfläche nutzen um auf eine Unterseite zu springen. Ich habe es mit tap_action versucht, aber das geht nicht. Was muss ich tun, um es umzusetzen? Hier noch der Code und ein screenshot.

type: picture-elements
style:
  border-radius: 20px
  box-shadow: 3px 3px rgba(0,0,0,0.4)
  border: solid 1px rgba(100,100,100,0.3)
  overflow: hidden
image: /local/skoda.png
tap_action:
  action: navigate
  navigation_path: /lovelace/Automobil
elements:
  - style:
      color: white
      top: 20%
      left: 10%
    type: state-label
    entity: sensor.skoda_octavia_fullstand_tank
  - style:
      color: white
      top: 20%
      left: 45%
    type: state-label
    entity: sensor.skoda_octavia_kilometerstand
  - style:
      color: white
      top: 20%
      left: 85%
    type: state-label
    entity: binary_sensor.skoda_octavia_fahrzeug_verriegelt
  - style:
      color: white
      top: 10%
      left: 10%
    type: state-icon
    entity: sensor.skoda_octavia_fullstand_tank
  - style:
      color: white
      top: 10%
      left: 45%
    type: state-icon
    entity: sensor.skoda_octavia_kilometerstand
  - style:
      color: white
      top: 10%
      left: 85%
    type: state-icon
    entity: binary_sensor.skoda_octavia_fahrzeug_verriegelt

[sirector]

Heißt der Pfad wirklich
/lovelace/Automobil
oder
/lovelace/automobil?

Schau noch mal nach

[Dlawe]

Versuche es mal so

type: picture-elements
style:
  border-radius: 20px
  box-shadow: 3px 3px rgba(0,0,0,0.4)
  border: solid 1px rgba(100,100,100,0.3)
  overflow: hidden
image: /local/skoda.png
elements:
  - type: rectangle
    style:
      top: 50%
      left: 50%
      width: 100%
      height: 100%
      background-color: rgba(0,0,0,0)  # Unsichtbar
      border-radius: 20px  # Gleiche Rundung wie das Bild
      pointer-events: auto
    tap_action:
      action: navigate
      navigation_path: /lovelace/automobil
  - style:
      color: white
      top: 20%
      left: 10%
    type: state-label
    entity: sensor.skoda_octavia_fullstand_tank
  - style:
      color: white
      top: 20%
      left: 45%
    type: state-label
    entity: sensor.skoda_octavia_kilometerstand
  - style:
      color: white
      top: 20%
      left: 85%
    type: state-label
    entity: binary_sensor.skoda_octavia_fahrzeug_verriegelt
  - style:
      color: white
      top: 10%
      left: 10%
    type: state-icon
    entity: sensor.skoda_octavia_fullstand_tank
  - style:
      color: white
      top: 10%
      left: 45%
    type: state-icon
    entity: sensor.skoda_octavia_kilometerstand
  - style:
      color: white
      top: 10%
      left: 85%
    type: state-icon
    entity: binary_sensor.skoda_octavia_fahrzeug_verriegelt

Ich denke das es auch /lovelace/automobil sein sollte klein und nicht Groß

[BMWChefe]

an der Kleinschreibung liegt es nicht. Ich habe mal deinen Code probiert. Er mag das rectangle nicht.

um mal Ergebnisse zu bekommen habe ich ein wenig ausprobiert mit dem Type: icon. Mit mouse-over wird ein Pfad angezeigt. In der Adresszeile steht bei der Hauptseite /dashboard-tablet/tablet. Als Aufruf nutze ich jetzt /dashboard-tablet/automobil. Nach dem klicken steht das auch in der Adresszeile, aber die Ansicht ändert sich nicht. Die Unterseite wird nicht angezeigt. Ich kann diese jetzt auch nicht mehr editieren:

woran kann das liegen?

by HarryP:Zusammenführung Doppelpost (bitte “bearbeiten” Funktion nutzen)

[Dlawe]

Geh auf den stift bei Automobil und schau was bei der url steht da müsste automobil stehen wenn nicht geht es nicht

navigation_path: /dashboard-tablet/automobil

[BMWChefe]

es gibt ja keinen Stift mehr bei Automobil. Und oben in der Adresszeile steht /dashboard-tablet/tablet/automobil?edit=1
egal ob ich auf Home oder Automobil klicke

[maxe]

Dann ist das auch der Pfad

@BMWChefe

/dashboard-tablet/tablet/automobil

[BMWChefe]

aber leider wird unter diesem Pfad die Hauptseite angezeigt und nicht die Unterseite. Als ob es die nicht mehr gibt. Und editieren ist auch nicht möglich

[sirector]

Bist du noch im Editieren-Modus?

[BMWChefe]

ich wechsel die ganze Zeit. aber es ändert sich nicht

[BMWChefe]

Ich habe jetzt ein Icon eingebaut zum Navigieren. Das ist nicht so schön, aber es funktioniert. Die neue Unterseite habe ich kfz genannt. Im Edit Modus sehe ich sie in der Leiste, aber ich kann sie nicht bearbeiten oder löschen. Da ist irgend etwas schief gelaufen. Gibt es eine Möglichkeit, dies zu korrigieren?