Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Lovelace: custom: button-card: tap_action funktioniert nicht

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.8k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.2k

Lovelace: custom: button-card: tap_action funktioniert nicht

Geplant Angeheftet Gesperrt Verschoben Visualisierung
5 Beiträge 3 Kommentatoren 1.0k Aufrufe 3 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • C Offline
    C Offline
    Chrisham
    schrieb am zuletzt editiert von
    #1

    Hallo zusammen,

    ich bin mit der Lovalace basierten Visu für IObroker eigentlich sehr zufrieden. Allerdings klappt es einfach nicht, bei der ansonsten sehr charmanten custom: button-card (https://github.com/custom-cards/button-card ) die tap_action zum Laufen zu bringen. Ich bringe sie einfach nicht dazu, dass sie auf Click-Action reagiert. Die Umschaltung über "tap_action" (toggle) klappt nicht. Der Code ist ja simpel, aber beim Klicken ändert sich einfach der Zustand nicht:

    type: custom:button-card
    entity: switch.Scene_WoZi_Gemuetlich
    name: Hell
    icon: mdi:brightness-7
    tap_action:
    action: toggle
    color: rgb(223, 255, 97)
    styles:
    card:

    • font-size: 12px
      img_cell:
    • align-items: center
    • justify-content: center
      state:
    • value: 'on'
      styles:
      icon:
    • color: rgb(223, 255, 97)
    • value: 'off'
      styles:
      icon:
    • color: rgb(100, 100, 100)
      Wenn ich einen Button über entities Karte anlege, kann ich den zustand umschalten und die Farbe des Icons in der custom: button-card ändert sich auch entsprechend, was kann da die Ursache sein?
      1697234840902-2023-10-13-23_57_48-window.png

    Das ist der Datenpunkt (unter "Eigene-Datenpunkte" angelegt):
    2023-10-15 18_08_43-Window.png

    Merkwürdig ist auch: sobald ich "show_state: true" einfüge, kommt Fehlermeldung:
    1697386625747-2023-10-15-18_16_52-window.png

    C 1 Antwort Letzte Antwort
    0
    • C Chrisham

      Hallo zusammen,

      ich bin mit der Lovalace basierten Visu für IObroker eigentlich sehr zufrieden. Allerdings klappt es einfach nicht, bei der ansonsten sehr charmanten custom: button-card (https://github.com/custom-cards/button-card ) die tap_action zum Laufen zu bringen. Ich bringe sie einfach nicht dazu, dass sie auf Click-Action reagiert. Die Umschaltung über "tap_action" (toggle) klappt nicht. Der Code ist ja simpel, aber beim Klicken ändert sich einfach der Zustand nicht:

      type: custom:button-card
      entity: switch.Scene_WoZi_Gemuetlich
      name: Hell
      icon: mdi:brightness-7
      tap_action:
      action: toggle
      color: rgb(223, 255, 97)
      styles:
      card:

      • font-size: 12px
        img_cell:
      • align-items: center
      • justify-content: center
        state:
      • value: 'on'
        styles:
        icon:
      • color: rgb(223, 255, 97)
      • value: 'off'
        styles:
        icon:
      • color: rgb(100, 100, 100)
        Wenn ich einen Button über entities Karte anlege, kann ich den zustand umschalten und die Farbe des Icons in der custom: button-card ändert sich auch entsprechend, was kann da die Ursache sein?
        1697234840902-2023-10-13-23_57_48-window.png

      Das ist der Datenpunkt (unter "Eigene-Datenpunkte" angelegt):
      2023-10-15 18_08_43-Window.png

      Merkwürdig ist auch: sobald ich "show_state: true" einfüge, kommt Fehlermeldung:
      1697386625747-2023-10-15-18_16_52-window.png

      C Offline
      C Offline
      Critter81
      schrieb am zuletzt editiert von Critter81
      #2

      @chrisham

      Ich habe mir gestern Stundenlang mit dem gleichen Problem einen abgebrochen.

      Die Lösung war alte Versionen der button-card.js und vertical-stack-in-card.js aus einem Projekt was ich mal gemacht habe zu kopieren und unter Eigene Karten einzufügen. Reboot, läuft.

      Mit der aktuellen Version vom github hat der folgende code nicht funktioniert.

      type: custom:button-card
      styles:
        card:
          - height: 50px
      entity: automation.DBs_DB200_RL_SZ_OG_Auf
      icon: mdi:arrow-up-bold-box-outline
      name: Auf
      show_state: false
      show_name: false
      show_icon: true
      size: 100%
      tap_action:
        action: toggle
      

      Entweder ist da etwas broken oder ich steh genauso auf dem Schlauch wie du. Habe es nicht weiter nachvollzogen.

      vertical-stack-in-card.js

      button-card.js

      C M 2 Antworten Letzte Antwort
      0
      • C Critter81

        @chrisham

        Ich habe mir gestern Stundenlang mit dem gleichen Problem einen abgebrochen.

        Die Lösung war alte Versionen der button-card.js und vertical-stack-in-card.js aus einem Projekt was ich mal gemacht habe zu kopieren und unter Eigene Karten einzufügen. Reboot, läuft.

        Mit der aktuellen Version vom github hat der folgende code nicht funktioniert.

        type: custom:button-card
        styles:
          card:
            - height: 50px
        entity: automation.DBs_DB200_RL_SZ_OG_Auf
        icon: mdi:arrow-up-bold-box-outline
        name: Auf
        show_state: false
        show_name: false
        show_icon: true
        size: 100%
        tap_action:
          action: toggle
        

        Entweder ist da etwas broken oder ich steh genauso auf dem Schlauch wie du. Habe es nicht weiter nachvollzogen.

        vertical-stack-in-card.js

        button-card.js

        C Offline
        C Offline
        Chrisham
        schrieb am zuletzt editiert von
        #3

        @critter81 Woww, ist ja ein Ding. Das wars. Da wäre ich vermutlich nie draufgekommen. Bei mir waren es schon mehrmals mehrere Stunden und war auch schon der Verzweiflung nahe. Das müsste man mal den Entwicklern auf Github mitteilen.

        Also dir erstmal vielen vielen Dank!

        C 1 Antwort Letzte Antwort
        0
        • C Chrisham

          @critter81 Woww, ist ja ein Ding. Das wars. Da wäre ich vermutlich nie draufgekommen. Bei mir waren es schon mehrmals mehrere Stunden und war auch schon der Verzweiflung nahe. Das müsste man mal den Entwicklern auf Github mitteilen.

          Also dir erstmal vielen vielen Dank!

          C Offline
          C Offline
          Critter81
          schrieb am zuletzt editiert von
          #4

          @chrisham Gerne, ich war auch ziemlich frustriert. Ich tippe eher auf ein homeassistant <-> iobroker Kompatibilitätsproblem. Habe aber momentan keine Zeit mir einen homeassistant aufzusetzen und das zu checken.

          1 Antwort Letzte Antwort
          0
          • C Critter81

            @chrisham

            Ich habe mir gestern Stundenlang mit dem gleichen Problem einen abgebrochen.

            Die Lösung war alte Versionen der button-card.js und vertical-stack-in-card.js aus einem Projekt was ich mal gemacht habe zu kopieren und unter Eigene Karten einzufügen. Reboot, läuft.

            Mit der aktuellen Version vom github hat der folgende code nicht funktioniert.

            type: custom:button-card
            styles:
              card:
                - height: 50px
            entity: automation.DBs_DB200_RL_SZ_OG_Auf
            icon: mdi:arrow-up-bold-box-outline
            name: Auf
            show_state: false
            show_name: false
            show_icon: true
            size: 100%
            tap_action:
              action: toggle
            

            Entweder ist da etwas broken oder ich steh genauso auf dem Schlauch wie du. Habe es nicht weiter nachvollzogen.

            vertical-stack-in-card.js

            button-card.js

            M Offline
            M Offline
            MiniBlister
            schrieb am zuletzt editiert von
            #5

            @critter81

            Welche Version habt ihr verwendet. Wenn ich die 3.5.0 nehme dann geht es. Version 4 scheint Probleme zu machen

            1 Antwort Letzte Antwort
            1
            Antworten
            • In einem neuen Thema antworten
            Anmelden zum Antworten
            • Älteste zuerst
            • Neuste zuerst
            • Meiste Stimmen


            Support us

            ioBroker
            Community Adapters
            Donate

            732

            Online

            32.4k

            Benutzer

            81.5k

            Themen

            1.3m

            Beiträge
            Community
            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
            ioBroker Community 2014-2025
            logo
            • Anmelden

            • Du hast noch kein Konto? Registrieren

            • Anmelden oder registrieren, um zu suchen
            • Erster Beitrag
              Letzter Beitrag
            0
            • Home
            • Aktuell
            • Tags
            • Ungelesen 0
            • Kategorien
            • Unreplied
            • Beliebt
            • GitHub
            • Docu
            • Hilfe