Mein neues, dynamisches Home Assistant Dashboard

Dein card_param stimmt von der Einrückung glaube ich nicht

wie müsste es denn aussehen? ich sehs einfach nicht

Ich hatte es doch oben gepostet

card:
  type: grid
  columns: 1
  square: false
card_param: cards
filter:
  include:
    - options:
        type: tile
        features_position: inline
        vertical: false
        state_content: last_changed
        features:
          - type: light-brightness
          - type: toggle
      domain: light
      state: on

Hallo Maxe, super danke ich hab’s gleich getestet und es funktioniert !! nur leider schneidet er mir den Text ab obwohl viel platz ist hast du da noch ne Idee.

dann würde ich es, wie bei einer normalen Tile-Card auch, mal bei den options mit

grid_options:
  columns: full

versuchen.

Hallo Community,

erstmal ganz herzlichen Dank an Simon für die geleistete Arbeit die in dem neuen Dashboard steckt.

Ich bin noch relativ neu im Thema HA und da kam das schön strukturierte Dashboard genau richtig.

Ich habe jedoch das Problem, dass auf dem Tablet, ein iPad Pro 10,5“, immer nur zwei Spalten angezeigt werden und die Dritte dann nach unten wandert.

Gibt es eine Möglichkeit die Anzeige von drei Spalten zu erzwingen und die Elemente entsprechend zu skalieren?

Über Tips wäre ich euch wirklich dankbar.

rejenny

Gibt es mMn nicht. Es sei denn du kannst die Auflösung oder den Zoom am iPad ändern.

1 „Gefällt mir“

Das gleiche Problem hatte ich mit meinem ersten Tablett auch und habe keine Lösung gefunden. Das Problem liegt darin das deine Auflösung auf dem Tablet zu klein ist und daher rutscht die Spalte immer runter. Meine Lösung des Problems war dann leider gesagt ein anderes Tablett zu verwenden was eine höhere Auflösung hat.

1 „Gefällt mir“

Moin, ich bekomme hier die Fehlermeldung wenn ich den RAW Code von Punkt 3.1 eintrage:
”At path: views – Expected an array value, but received: undefined“

Kann mir jemand sagen was ich falsch mache?Folgende Schritte habe ich gemacht

  • Punkte bis 3.1 abgearbeitet
  • neues Dashboard von Grund auf erstellt
  • Layout Abschnitte
  • Raw Code einfügen
  • Speichern = Fehlermeldung

Gruß

Sandro

Du bist da im Raw-Konfigurationseditor falsch. Der Code gehört als Abschnitt. Siehe den Blauen Hinweis unter Mein neues Home Assistant Dashboard (100% WAF & dynamisch)!

1 „Gefällt mir“

Hi,
ich würde gern im Querstapel die Icon und die Farbe der Lichter, Rollo, Lüfter anpassen.
Wenn die Entität > 0 ist soll das Icon Gelb angezeigt werden, wenn es 0 ist die Standardfarbe und ein anderes Icon.

Ich habe das ganze versucht mit Card-mod zu realisieren, scheitere aber schon an der Farbe…


type: tile
entity: sensor.angeschaltete_lichter
icon: mdi:lightbulb
name: "Lichter"
tap_action:
  action: navigate
  navigation_path: "#lichter-popup"
icon_tap_action:
  action: navigate
  navigation_path: "#lichter-popup"
card_mod:
  style: |
    ha-tile {
      --tile-color: {% if states('sensor.angeschaltete_lichter') | int > 0 %} accent {% else %} var(--secondary-text-color) {% endif %};
    }

habs auch damit versucht:

card_mod:
  style:
    .: |
      :host {
        --tile-color: {% if states('sensor.angeschaltete_lichter')|int > 0 %} accent {% else %} var(--secondary-text-color) {% endif %};
      }

Hat da jemand eine Idee bzw. das ganze schon umgesetzt?

Versuch es mal so

card_mod:
  style: |
    ha-state-icon {
      color: {% if states('sensor.angeschaltete_lichter')|int > 0 %} accent {% else %} var(--secondary-text-color) {% endif %}

Das ist der Grund warum ich keine Abschnittsdashboards baue, ich habe bei mir so den Platz ideal ausgereizt mit der Layougrid-Card.

Und da wir ja nicht jeden Tag irgendwelche Lichter etc. im Haus ändern brauchts da auch keine Dynamik. Jedes Element löst was aus oder zeigt was an, ob ich da auf die Wetterkarte klicke, auf die nächsten Termine, die nächste Bahn, oben auf die Lichterstatusleiste etc, alles ist nur ein Klick entfernt und absolut WAF

Hi @simon42, danke für dein Video - gerade die Popup-Cards haben mich sehr inspiriert.

Bei den sub_buttons können aber die no-dboard Labels nicht berücksichtigt werden oder? Hier würde er stand jetzt, den Rollläden mit dem Label no-dboard des Raumes weiterhin runterfahren bzw. hochfahren oder?

sub_button:
  - icon: mdi:arrow-up-bold-circle-outline
    tap_action:
      action: perform-action
      perform_action: cover.open_cover
      target:
        area_id: studio_1_og
  - icon: mdi:arrow-down-bold-circle-outline
    tap_action:
      action: perform-action
      perform_action: cover.close_cover
      target:
        area_id: studio_1_og

Danke und viele Grüße
Nico

Klasse Dashboard, welches ich gerade nachbaue. Einzig das Exclude funktioniert bei mir nicht, hat jemand eine Idee?

Hier der Yaml Code (quasi der Original Code):

Zusammenfassung
type: vertical-stack
cards:
  - type: custom:bubble-card
    card_type: pop-up
    hash: "#wz-popup"
    button_type: name
    name: Wohnzimmer
    icon: mdi:sofa
    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: Wohnzimmer
      - icon: mdi:led-variant-off
        tap_action:
          action: perform-action
          perform_action: light.turn_off
          target:
            area_id: Wohnzimmer
  - 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: Wohnzimmer
          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: Wohnzimmer
      - icon: mdi:arrow-down-bold-circle-outline
        tap_action:
          action: perform-action
          perform_action: cover.close_cover
          target:
            area_id: Wohnzimmer
  - 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: Wohnzimmer
      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: Wohnzimmer
      exclude:
        - options: {}
          label: no_dboard
  - 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: Wohnzimmer
          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: Wohnzimmer
      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: Wohnzimmer
      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
            styles: >-
              .bubble-button-card-container {
                /* Change the background color when the vacuum get an error (optional), more details in the styles template section */
                background: ${state === 'error' ? 'rgb(200, 80, 40)' : ''} !important;
              } /* Change the first sub-button battery icon based on the
              battery_icon attribute, more details in the styles template
              section */ ${subButtonIcon[0].setAttribute("icon",
              hass.states['vacuum.downstairs'].attributes.battery_icon)}
          domain: vacuum
          area: Wohnzimmer
      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: Wohnzimmer
          sort:
            method: last_changed
            reverse: true
            attribute: {}
      exclude:
        - options: {}
          label: no_dboard
  - type: custom:auto-entities
    card:
      square: false
      type: grid
      columns: 2
    card_param: cards
    filter:
      include:
        - options:
            type: tile
          domain: switch
          label: show_dboard
          area: Wohnzimmer
      exclude: []
title: Wohnzimmer

Grüße Tobias

no_dboard ≠ no-dboard

2 „Gefällt mir“

Mir gefällt das Dashboard super, nur meine Frau will es nicht und meckert mit mir.Grund dafür ist die Integration der Rollos. Ich habe dies 1:1 wie Simon gemacht. Problem wenn ich den Rolle hoch oder runter fahre verschwindet die Eintrag des Rolladens bis dieser komplett hoch oder runter gefahren ist und taucht dann wieder in der entsprechenden Bereich (offene oder geschlossene Rollos) wieder auf. Meine Frau würde aber gerne den Rollanden an einer beliebigen Position anhalten, da dieser aber nicht mehr sichtbar ist kann Sie es nicht. Was kann ich machen?

Wie sieht dein Code für die Card aus?

Edit:
Evtl. musst du noch State Opening und Closing mit aufnehmen oder den Filter ggf. ganz löschen.

type: vertical-stack
cards:
  - type: custom:bubble-card
    card_type: pop-up
    hash: "#rollos-popup"
    button_type: name
  - type: markdown
    content: "## 🪟 Offene Rollos"
    text_only: true
  - type: custom:auto-entities
    card:
      type: grid
      columns: 1
      square: false
    card_param: cards
    filter:
      include:
        - options:
            features:
              - type: cover-open-close
            type: tile
            features_position: inline
            vertical: false
            state_content:
              - current_position
              - last_changed
          domain: cover
          state: open
          attributes:
            device_class: shutter
          sort:
            method: last_changed
            reverse: true
      exclude:
        - options: {}
          label: no_dboard
  - type: markdown
    content: "## 🔒 Geschlossene Rollos"
    text_only: true
  - type: custom:auto-entities
    card:
      type: grid
      columns: 1
      square: false
    card_param: cards
    filter:
      include:
        - options:
            features:
              - type: cover-open-close
            type: tile
            features_position: inline
            vertical: false
            state_content:
              - current_position
              - last_changed
          domain: cover
          state: closed
          attributes:
            device_class: shutter
          sort:
            method: last_changed
            reverse: true
      exclude:
        - options: {}
          label: no_dboard
title: Rollos Popup

Wie vermutet fragst du nur den State open oder closed ab. opening und closing fehlt, wenn du die sehen willst.

Edit:
Du kannst bei den Rollos auch auf auto-entities verzichten und normale Cards nehmen.

1 „Gefällt mir“