Zeigt her eure Dashboards!

Hast du den Code dafür und wie/womit hast das realisiert?
Danke.

@ciddi89 Ich habe noch eine Frage.

Ich nutze auch die Karte fold-entity-row, die du auch aufgelistet hast. Du hast aber auch die expander-card gelistet. Beide scheinen auf den ersten Blick den selben Zweck zu erfüllen.

Welche von den beiden bevorzugst du? Die expander-card sieht auch sehr interessant aus. Da mir bei der fold-entitiy-row das nesting in der entities-card nicht so gut gefällt, überlege ich die expander-card als Alternative zu nehmen. Bei dieser wird ja der Expand-Button als Overlay eingeblendet.

Hallo @ciddi89
wie hast du das mit der Strompreisänderung gelöst?
Den Preis habe ich auch aber mit dem Datum weiß ich nicht wie.
Oder ist das nur eine Anzeige oder wird dann damit weitergerechnet?
Danke
Helmut

stimmt. Die expander card kann eigentlich raus. Nutze derzeit überall die fold-entity-row.
Die expander card hat aber wohl mehr settingsmöglichkeiten. Ist glaub ich eine geschmackssache. Die fold-entity-row reicht mir derzeit.

@helmi55 das läuft dann über eine Automation. Falls ich ein schreiben bekomme (was ja letztes Jahr sehr oft war. :smiley: ) Dann trage ich nur das Datum und den neuen Preis ein und sobald dann der Tag gekommen ist, trägt die Automation den neuen Preis für das Energie Dashboard ein.

alias: Gas - Automatische Preisänderung
description: ""
trigger:
  - platform: time
    at: input_datetime.gas_preisanderungsdatum
condition: []
action:
  - service: input_number.set_value
    target:
      entity_id: input_number.gaspreis
    data:
      value: "{{ states('input_number.gas_neuer_preis_kwh') | float }}"
    enabled: true
  - service: notify.christian_iphone
    data:
      message: >-
        Gaspreis wurde angepasst. Neuer Preis: {{
        states('input_number.gas_neuer_preis_kwh') | float }} €
      title: Sweet Home 🏡
mode: single
1 „Gefällt mir“

Hallo, danke für alle Infos und Ideen die man sich hier so holen kann. Bin auch noch nicht so lange mit HA vertraut, aber trotz allem schon einiges versucht und getestet.Hier mal mein Dashboard, was ich auch auf einem Tablett an der Wand habe


3 „Gefällt mir“

@wobix, besten dank für den Code. Eines konnte ich leider nicht in dem Code finden, was mich noch sehr interessiert. Wie klappt das mit dem ÖPNV?
Danke.

Na klar, hier bitte:
das ist nahezu mit Boardmitteln entstanden, die custom:stack-in-card ist halt custom, das ist aber nur Optik.
Vermutlich sind für dich folgende Karten am interessantesten, die sind alle Standard:


        cards:
          - type: energy-devices-graph
          - type: energy-date-selection
          - type: energy-distribution
          - type: energy-sources-table
          - type: energy-usage-graph
          - type: energy-solar-graph
          - type: energy-gas-graph
          - type: energy-water-graph

Hier nochmal der komplette Code der Seite

  - title: Energie
    path: energie
    icon: ''
    type: custom:horizontal-layout
    subview: true
    layout:
      max_cols: 3
    badges: []
    cards:
      - type: custom:stack-in-card
        cards:
          - type: gauge
            entity: sensor.powerfox_aktuell
            needle: true
            unit: W
            name: Verbrauch aktuell
            min: -3000
            max: 3000
            severity:
              green: -3000
              yellow: 0
              red: 500
          - type: gauge
            entity: sensor.plug_tuya_3_pc_power
            min: 0
            max: 1000
            name: Büro
            needle: false
          - type: gauge
            entity: sensor.kino_power_gesamt
            name: Kino
            min: 0
            max: 1000
            needle: false
          - type: energy-devices-graph
      - type: custom:stack-in-card
        cards:
          - type: energy-date-selection
          - type: energy-distribution
          - type: energy-sources-table
      - type: custom:stack-in-card
        cards:
          - type: energy-usage-graph
          - type: energy-solar-graph
          - type: energy-gas-graph
          - type: energy-water-graph

Das ist ein einfacher iframe, also eine eingebundene Website.
Und zwar folgende: https://dbf.finalrewind.org
Da kannst du alles mögliche eintragen und so deine eigene Info-Tafel erzeugen, diese dann wie folgt als Karte in HA packen, mit der aspect_ratio kann man bisschen rumprobieren bis es gut passt.

type: iframe
url: >-
  https://dbf.finalrewind.org/XXXXXXXXXXXXXXXXXXX
aspect_ratio: 90%

Wie genau hast du deine Heizungsansicht erstellt? Genau sowas suche ich für den Homescreen, da es sehr übersichtlich ist. Details sollen nur auf den anderen Seiten zusehen und zu ändern sein.

@wobix, danke für den Link.
Eine Frage hätte ich da noch.
Wie kann ich die Anzeige begrenzen, das nicht der komplette Tag angezeigt wird.

Hallo,hier mal den Code wie ich es erstellt habe. Ich habe das Bosch Smart Home System mit Thermostate und Fensterkontakte.

type: entities
entities:
  - entity: climate.room_climate_wohnen
    type: custom:climate-mode-entity-row
    modes:
      - hvac_mode: auto
        temperature: 8
        icon: mdi:door-open
        color: yellow
        entities: null
      - hvac_mode: 'off'
        icon: mdi:snowflake
        color: blue
      - hvac_mode: auto
        temperature: 18
        icon: mdi:moon-waxing-crescent
        color: yellow
      - hvac_mode: auto
        temperature: 22
        icon: mdi:sun-clock-outline
        color: red
      - hvac_mode: heat
        temperature: 25
        icon: mdi:heat-wave
        color: orange
        entities: null
  - entity: climate.room_climate_arbeitszimmer
    type: custom:climate-mode-entity-row
    modes:
      - hvac_mode: auto
        temperature: 8
        icon: mdi:window-open
        color: yellow
        entities: null
      - hvac_mode: 'off'
        icon: mdi:snowflake
        color: blue
      - hvac_mode: auto
        temperature: 18
        icon: mdi:moon-waxing-crescent
        color: yellow
      - hvac_mode: auto
        temperature: 21
        icon: mdi:sun-clock-outline
        color: red
      - hvac_mode: heat
        temperature: 25
        icon: mdi:heat-wave
        color: orange
        entities: null
  - entity: climate.room_climate_flur
    type: custom:climate-mode-entity-row
    modes:
      - hvac_mode: auto
        temperature: 8
        icon: mdi:window-open
        color: yellow
        entities: null
      - hvac_mode: 'off'
        icon: mdi:snowflake
        color: blue
      - hvac_mode: auto
        temperature: 18
        icon: mdi:moon-waxing-crescent
        color: yellow
      - hvac_mode: auto
        temperature: 22
        icon: mdi:sun-clock-outline
        color: red
      - hvac_mode: heat
        temperature: 25
        icon: mdi:heat-wave
        color: orange
        entities: null
  - entity: climate.room_climate_bad
    type: custom:climate-mode-entity-row
    modes:
      - hvac_mode: auto
        temperature: 8
        icon: mdi:window-open
        color: yellow
        entities: null
      - hvac_mode: 'off'
        icon: mdi:snowflake
        color: blue
      - hvac_mode: auto
        temperature: 18
        icon: mdi:moon-waxing-crescent
        color: yellow
      - hvac_mode: auto
        temperature: 22
        icon: mdi:sun-clock-outline
        color: red
      - hvac_mode: heat
        temperature: 25
        icon: mdi:heat-wave
        color: orange
        entities: null
  - entity: climate.room_climate_kuche
    type: custom:climate-mode-entity-row
    modes:
      - hvac_mode: auto
        temperature: 8
        icon: mdi:window-open
        color: yellow
        entities: null
      - hvac_mode: 'off'
        icon: mdi:snowflake
        color: blue
      - hvac_mode: auto
        temperature: 18
        icon: mdi:moon-waxing-crescent
        color: yellow
      - hvac_mode: auto
        temperature: 21
        icon: mdi:sun-clock-outline
        color: red
      - hvac_mode: heat
        temperature: 23
        icon: mdi:heat-wave
        color: orange
        entities: null
  - entity: climate.room_climate_kind
    type: custom:climate-mode-entity-row
    modes:
      - hvac_mode: auto
        temperature: 8
        icon: mdi:window-open
        color: yellow
        entities: null
      - hvac_mode: 'off'
        icon: mdi:snowflake
        color: blue
      - hvac_mode: auto
        temperature: 18
        icon: mdi:moon-waxing-crescent
        color: yellow
      - hvac_mode: auto
        temperature: 22
        icon: mdi:sun-clock-outline
        color: red
      - hvac_mode: heat
        temperature: 25
        icon: mdi:heat-wave
        color: orange
        entities: null
  - entity: climate.room_climate_schlafen
    type: custom:climate-mode-entity-row
    modes:
      - hvac_mode: auto
        temperature: 8
        icon: mdi:window-open
        color: yellow
        entities: null
      - hvac_mode: 'off'
        icon: mdi:snowflake
        color: blue
      - hvac_mode: auto
        temperature: 17
        icon: mdi:moon-waxing-crescent
        color: yellow
      - hvac_mode: auto
        temperature: 20
        icon: mdi:sun-clock-outline
        color: red
      - hvac_mode: heat
        temperature: 23
        icon: mdi:heat-wave
        color: orange
        entities: null
  - entity: climate.room_climate_gaste_wc
    type: custom:climate-mode-entity-row
    modes:
      - hvac_mode: auto
        temperature: 8
        icon: mdi:window-open
        color: yellow
        entities: null
      - hvac_mode: 'off'
        icon: mdi:snowflake
        color: blue
      - hvac_mode: auto
        temperature: 17
        icon: mdi:moon-waxing-crescent
        color: yellow
      - hvac_mode: auto
        temperature: 21
        icon: mdi:sun-clock-outline
        color: red
      - hvac_mode: heat
        temperature: 21
        icon: mdi:heat-wave
        color: orange
        entities: null
state_color: true

:crayon:by HarryP:
. Codezeilen formatiert (bitte immer in </> einbinden)
. Doppelpost zusammengeführt (bitte “bearbeiten” Funktion nutzen)

1 „Gefällt mir“

Vielen Dank für den Code :kissing_closed_eyes:, funktioniert auch mit meinen Evo‘s von Homematic.
Einzig der „off“ will nicht so recht. Das Thermostat stellt auf 5.0°C und erst wenn ich nochmal betätige, geht er wirklich in den „off“.
Hat aber nichts mit deinem Code zu tun, liegt an was anderem, habe nur noch nicht herausgefunden woran genau.

Okay das Thema OFF habe ich gelöst, war einenEinstellung am Thermostat, dort stand die min Temp auf 5.0 und nicht auf AUS.

entity: climate.wohnzimmer_heizung
type: custom:climate-mode-entity-row
icon: mdi:heating-coil
modes:
  - hvac_mode: auto
    temperature: 12
    icon: mdi:door-open
    color: yellow
    entities: binary_sensor:terrassentuer
  - hvac_mode: 'off'
    icon: mdi:snowflake
    color: blue
  - hvac_mode: auto
    temperature: 18
    icon: mdi:moon-waxing-crescent
    color: yellow
  - hvac_mode: auto
    temperature: 22
    icon: mdi:sun-clock-outline
    color: red
  - hvac_mode: heat
    temperature: 20
    icon: mdi:heat-wave
    color: orange

Ich habe den entities-Tag im ersten Mode so interprätiert, das er den Türsensor braucht um den Modus anzuzeigen. Ist das falsch? Weil wenn die Tür auf ist, bleibt die HZG im Modus “heat”

Hey. Kannst du mir sagen welche Card du für die Temperatur/Luftfeuchtigkeit genommen hast! Gruß Marcel

Hi Marcel,

das müsste vertical-stack-in-card mit mini-graph-card sein

1 „Gefällt mir“

Das ist etwas komplexer. Hier ein Beispiel

type: custom:vertical-stack-in-card
title: Aussentemperatur
cards:
  - type: grid
    square: false
    columns: 2
    cards:
      - type: custom:mushroom-entity-card
        entity: sensor.netatmo_draussen_temperature
        primary_info: state
        secondary_info: name
        name: Temperature
        icon_color: green
      - type: custom:mushroom-entity-card
        entity: sensor.netatmo_draussen_humidity
        primary_info: state
        secondary_info: name
        name: Humidity
        icon_color: blue
  - type: custom:mini-graph-card
    entities:
      - entity: sensor.netatmo_draussen_temperature
        name: Temperature
        color: var(--green-color)
      - entity: sensor.netatmo_draussen_humidity
        name: Humidity
        color: var(--blue-color)
        y_axis: secondary
    hours_to_show: 24
    line_width: 3
    font_size: 50
    animate: true
    show:
      name: false
      icon: false
      state: false
      legend: false
      fill: fade

1 „Gefällt mir“

@Soul Immer wieder schön zu sehen, wie kreativ manche hier sind. Sieht wirklich toll aus :+1:t2:

Ich habe das mal bei mir ausprobiert, allerdings sieht es nicht ganz so schick aus, weil ich einzelne Kacheln sehen kann.
Geht das nur bei einfarbigem Hintergrund?

Mit Card-mod kannst du die Hintergrundfarbe der Karten entfernen.

1 „Gefällt mir“

Danke für den Tip, das habe ich immernoch nicht verinnerlicht, ich bin geistig immernoch im ioBroker gefangen :smiley:

So gehts:

card_mod:
  style: |
    ha-card {
      --ha-card-background: transparent;
    }

Bin nur noch nicht sicher, ob mir das wirklich gefällt :slight_smile:
grafik

Haha mit iobroker hab ich schon lange abgeschlossen. Das war garnicht so schwer. :smiley: ähm ja sieht so aus als hättest du das in der Hauptkarte drin. Pack das mal nur in der grid karte und de mini graphkarte

Hallo,

dann traue ich mich auch mal. Hier unser Dashboard welches auf der Küchentheke steht. Es läuft auf einem FireHD10. Genutzt wird es gelegentlich. Wir nutzen im Moment mehr die Handys. Über einen Wechsel auf das zukünftige Ipad wird nachgedacht.

Gruß …

5 „Gefällt mir“