Bubble Cards funktionieren noch nicht richtig

Dashboard/Cards/Frontend
1

Hey zusammen,

ich habe vor einiger Zeit das Dashboard von Simon nachgebaut. Allerdings muss ich wohl irgendwas vergessen oder übersehen haben. Aktuell sieht es nämlich so aus

grafik
grafik1117×1810 152 KB

type: custom:vertical-layout
cards:
  - type: custom:bubble-card
    card_type: pop-up
    hash: "#kinderzimmer"
    button_type: name
    name: Kinderzimmer
    icon: mdi:floor-plan
    sub_button: []
  - type: custom:bubble-card
    card_type: separator
    name: Lampen
    icon: mdi:lamps-outline
    sub_button:
      - icon: mdi:led-on
        tap_action:
          action: perform-action
          perform_action: light.turn_on
          target:
            area_id: arbeitszimmer
      - icon: mdi:led-variant-off
        tap_action:
          action: perform-action
          perform_action: light.turn_off
          target:
            area_id: arbeitszimmer
  - type: custom:auto-entities
    card:
      square: false
      type: grid
      columns: 1
    card_param: cards
    filter:
      include:
        - options:
            type: tile
            features_position: inline
            vertical: false
            state_content: last_changed
            features:
              - type: light-brightness
          domain: light
          area: arbeitszimmer
          sort:
            method: last_changed
            reverse: true
            attribute: {}
      exclude:
        - options: {}
          label: no_dboard
  - type: custom:bubble-card
    card_type: separator
    name: Rollos
    icon: mdi:window-shutter
    sub_button:
      - icon: mdi:arrow-up-bold-circle-outline
        tap_action:
          action: perform-action
          perform_action: cover.open_cover
          target:
            area_id: arbeitszimmer
      - icon: mdi:arrow-down-bold-circle-outline
        tap_action:
          action: perform-action
          perform_action: cover.close_cover
          target:
            area_id: arbeitszimmer
  - type: custom:auto-entities
    card:
      square: false
      type: grid
      columns: 1
    card_param: cards
    filter:
      include:
        - options:
            type: tile
            features_position: inline
            vertical: false
            features:
              - type: cover-position
          domain: cover
          attributes:
            device_class: shutter
          area: arbeitszimmer
      exclude:
        - options: {}
          label: no_dboard
  - type: custom:auto-entities
    card:
      square: false
      type: grid
      columns: 1
    card_param: cards
    filter:
      include:
        - options:
            type: tile
            features_position: inline
            vertical: false
            features:
              - type: cover-position
          domain: cover
          attributes:
            device_class: curtain
          area: arbeitszimmer
      exclude:
        - options: {}
          label: no_dboard
  - type: custom:bubble-card
    card_type: separator
    name: Steckdosen
    icon: mdi:power-socket-eu
    sub_button:
      - icon: mdi:power-on
        tap_action:
          action: call-service
          service: switch.turn_on
          target:
            entity_id:
              - switch.smart_power_strip_schalter_1
              - switch.smart_power_strip_schalter_2
              - switch.smart_power_strip_schalter_3
              - switch.smart_power_strip_schalter_4
              - switch.smart_power_strip_schalter_5
      - icon: mdi:power-off
        tap_action:
          action: call-service
          service: switch.turn_off
          target:
            entity_id:
              - switch.smart_power_strip_schalter_1
              - switch.smart_power_strip_schalter_2
              - switch.smart_power_strip_schalter_3
              - switch.smart_power_strip_schalter_4
              - switch.smart_power_strip_schalter_5
  - type: custom:bubble-card
    card_type: button
    button_type: name
    name: Steckdosenleiste
    icon: mdi:power-strip
    show_state: false
    tap_action:
      action: navigate
      navigation_path: "#steckdosen-kinderzimmer"
  - type: custom:bubble-card
    card_type: pop-up
    hash: "#steckdosen-kinderzimmer"
    button_type: name
    name: Steckdosenleiste
    icon: mdi:power-strip
  - type: grid
    columns: 1
    square: false
    cards:
      - type: custom:bubble-card
        card_type: button
        button_type: switch
        entity: switch.smart_power_strip_schalter_1
        name: Fernseher
        icon: mdi:power-socket-eu
        show_state: true
        sub_button:
          main: []
          bottom: []
      - type: custom:bubble-card
        card_type: button
        button_type: switch
        entity: switch.smart_power_strip_schalter_2
        name: Sonos
        icon: mdi:power-socket-eu
        show_state: true
        sub_button:
          main: []
          bottom: []
      - type: custom:bubble-card
        card_type: button
        button_type: switch
        entity: switch.smart_power_strip_schalter_3
        name: Steckdose 3
        icon: mdi:power-socket-eu
        show_state: true
      - type: custom:bubble-card
        card_type: button
        button_type: switch
        entity: switch.smart_power_strip_schalter_4
        name: Steckdose 4
        icon: mdi:power-socket-eu
        show_state: true
      - type: custom:bubble-card
        card_type: button
        button_type: switch
        entity: switch.smart_power_strip_schalter_5
        name: USB
        icon: mdi:power-socket-eu
        show_state: true
        sub_button:
          main: []
          bottom: []
  - type: custom:bubble-card
    card_type: separator
    name: Szenen
    icon: mdi:projector-screen-variant
    sub_button: []
  - type: custom:auto-entities
    card:
      square: false
      type: grid
      columns: 2
    card_param: cards
    filter:
      include:
        - options:
            type: tile
          domain: scene
          area: arbeitszimmer
          sort:
            method: last_changed
            reverse: true
            attribute: {}
      exclude:
        - options: {}
          label: no_dboard
  - type: custom:bubble-card
    card_type: separator
    name: Sonstiges
    icon: mdi:bike-pedal-mountain
    sub_button: []
  - type: custom:auto-entities
    card:
      square: false
      type: grid
      columns: 1
    card_param: cards
    filter:
      include:
        - options:
            type: tile
          domain: climate
          area: arbeitszimmer
      exclude:
        - options: {}
          label: no_dboard
  - type: custom:auto-entities
    card:
      square: false
      type: grid
      columns: 1
    card_param: cards
    filter:
      include:
        - options:
            type: tile
            features:
              - type: media-player-volume-slider
            features_position: inline
          domain: media_player
          area: arbeitszimmer
      exclude:
        - options: {}
          label: no_dboard
    sort:
      method: last_changed
      reverse: true
  - type: custom:auto-entities
    card:
      square: false
      type: grid
      columns: 1
    card_param: cards
    filter:
      include:
        - options:
            type: custom:bubble-card
            card_type: button
            button_type: switch
            entity: this.entity_id
            icon: mdi:robot-vacuum
            show_state: true
            tap_action:
              action: more-info
            button_action:
              tap_action:
                action: more-info
            sub_button:
              - name: Battery
                icon: mdi:battery
                show_name: false
                show_icon: true
                show_background: false
                show_attribute: true
                attribute: battery_level
              - name: Return to dock
                icon: mdi:home
                show_background: false
                tap_action:
                  action: call-service
                  service: vacuum.return_to_base
                  target:
                    entity_id: this.entity_id
              - name: Pause
                icon: mdi:pause
                show_background: false
                tap_action:
                  action: call-service
                  service: vacuum.pause
                  target:
                    entity_id: this.entity_id
              - name: Start
                icon: mdi:play
                tap_action:
                  action: call-service
                  service: vacuum.start
                  target:
                    entity_id: this.entity_id
          domain: vacuum
          area: arbeitszimmer
      exclude:
        - options: {}
          label: no_dboard
  - type: custom:auto-entities
    card:
      square: false
      type: grid
      columns: 2
    card_param: cards
    filter:
      include:
        - options:
            type: tile
            features_position: inline
            vertical: false
            state_content: last_changed
          domain: fan
          area: arbeitszimmer
          sort:
            method: last_changed
            reverse: true
            attribute: {}
      exclude:
        - options: {}
          label: no_dboard
title: Kinderzimmer
icon: mdi:teddy-bear
path: Kinderzimmer

wäre lieb wenn da mal jemand drüber schauen könnte :slight_smile: ich selber weiß nicht wirklich wo ich da ansetzen muss.

2

hallo zusammen, kann das eventuell an dem Update der BubbleCard auf v3.2.0 liegen? Ich bekomme seit dem auch ein Migrationshinweis, habe es aber noch nicht gemacht weil ich noch nicht die Zeit hatte in den ganzen sktipten von Simon die Bubllecard Parts zu suchen und manuell zu ändern.

Oder laufe ich da eventuell auch total falsch, dass diese hier garnicht eine migration benötigen?

3

Ich hab den Fehler bei mir mittlerweile gefunden. Ich hatte die Bubble Cards auf den einlzenen Raumkarten gebaut. Das war aber falsch. Hatte Simons Video da falsch verstanden.

Wenn du Simons Dashboard nachbaust muss alles auf der Hauptseite sein. Dann klappts auch mit seinen Bubble Cards.