Energiedashboard anpassen

Allgemein
1

Guten Morgen, wir sind es wieder :joy:

Wir haben uns ein Dashboard mit den für uns wichtigen Elementen angelegt. Wir haben das Layout „Abschnitt“ gewählt und haben das Energie-Dashboard mit den Energiekarten nachgebaut. Allerdings haben wir hier nun ein Abstandsproblem (siehe Bild) in der rechten Spalte. (Zwischen „Datum“ und „Energieverteilung“) Versucht haben wir auch das Layout „Raster“. Ohne Erfolg. Da springt eine Karte bei der Sortierung immer weg. Kann uns da jemand auf die Sprünge helfen? Was „css“ angeht bin ich bei Homeassistant noch nicht so weit.

Viele Grüße und Danke

IMG_0048
IMG_00482448×3264 1.66 MB

2

Moin,

Du schreibst von Dir in der “erste Person plural” das ist heftig :slight_smile:

Das ist so korrekt, weil die links neben der Uhrzeit befindliche Kachel so groß ist, Du (Ihr) könnt ja mal versuchen, die Uhrzeit noch über den Energieverbrauch zu legen, mit der ganzen Breite, dann sollten die anderen Kacheln eins nach oben rutschen, die Position kann man dann ja noch durch Drag and Drop anpassen.

VG
Bernd, erste Person Singular :slight_smile:

3

Hallo :joy:

Vielen Dank für deine Antwort bzw. Vorschlag. Wir ( :rofl:) haben weitergetüftelt und waren erfolgreich. Wir haben einfach leere „Überschriften“ eingefügt und dann alles so verschoben dass es passt. Bei uns wird immer zusammen überlegt und probiert… :stuck_out_tongue_winking_eye:

Vielen Dank Eric und Nicole

4

Nimm doch einfach eine custom-stack-in-card und darin kopierst du deine beiden vorhandenen Cards. Dann springt da auch nichts mehr weg. Beispiel ist im Link hinterlegt, würde dann so in etwa aussehen:

type: custom:stack-in-card
cards:
  - type: horizontal-stack
    cards:
      - type: vertical-stack
        cards:
          - type: tile
            entity: -deine entity-ID-
          - type: tile
            entity: -deine entity-ID-
5

Pluralis Majestatis :joy: :joy: :joy:

1 „Gefällt mir“
6

Bei mir funktioniert ein angepasstes Energy-Dashboard mit Abschnitts-Layout problemlos.

ed1
ed11328×724 160 KB

ed2
ed2261×879 66.5 KB

title: Energie
path: energie
cards: []
type: sections
max_columns: 6
sections:
  - type: grid
    cards:
      - type: custom:button-card
        entity: input_button.fake_entity
        name: Close
        icon: mdi:close
        size: 50
        show_icon: true
        tap_action:
          action: navigate
          navigation_path: /‘[[[window.history.back()]]]’
        double_tap_action:
          action: none
        hold_action:
          action: none
        styles:
          grid:
            - grid-template-areas: "\"i n s\""
            - grid-template-columns: 95px auto auto
          card:
            - background: none
            - border: 1px dotted
            - height: 50px
            - width: 300px
          icon:
            - color: white
        vertical: false
      - type: custom:gap-card
        grid_options:
          columns: 36
      - type: energy-date-selection
        card_mod:
          style: |
            ha-card {
              background: transparent !important;
              box-shadow: none;
              input-fill-color: 'rgba(0, 0, 0, 1)' # transparent
            }
    column_span: 6
  - type: grid
    cards:
      - type: vertical-stack
        cards:
          - type: energy-usage-graph
          - type: energy-solar-graph
        grid_options:
          columns: 24
      - type: energy-distribution
        link_dashboard: false
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: horizontal-stack
                cards:
                  - type: energy-grid-neutrality-gauge
                  - type: energy-solar-consumed-gauge
                grid_options:
                  columns: 24
            grid_options:
              columns: 12
          - type: horizontal-stack
            cards:
              - type: horizontal-stack
                cards:
                  - type: energy-self-sufficiency-gauge
                  - type: energy-carbon-consumed-gauge
                grid_options:
                  columns: 24
            grid_options:
              columns: 12
    column_span: 2
  - type: grid
    cards:
      - type: energy-sources-table
        grid_options:
          columns: 48
        card_mod:
          style: |
            .mdc-data-table__header-cell {
              background-color: rgba(255,255,255,0.1) !important;
            }
            table {
              background: linear-gradient(145deg, #002629, #004045) !important;
            }
      - type: vertical-stack
        cards:
          - type: energy-devices-detail-graph
          - type: energy-devices-graph
        grid_options:
          columns: 36
    column_span: 3
  - type: grid
    cards: []
    column_span: 3
theme: Mushroom GX subsites
badges: []
dense_section_placement: false
7

dass man ein eigenes Energie-Dashboard konstruieren kann ist klar.
Aber kommt man wirklich nicht an das vorgefertigte dran? Gibt’s da nicht irgendwo ne YAML, die man editieren könnte? Nur ne Überschrift ändern?
Ich habe kein Gas und würde die Gas-Abteilung gern für Heizstrom verwenden…extra Zähler.
Es gibt ja auch keinen Weg, zwei Stromquellen(Zähler) getrennt zu verwenden im Energie-Dashboard.

image
image772×757 22.2 KB

das klappt ganz gut - bis auf die Überschriften. Es ist kein Gas - sondern Heizstrom.

8

Du wirst dabei nicht um ein eigenes Energy-Dashboard herum kommen.

9b7b6d227c94ebda800ec3bc047135f527e26506_2_1380x780
9b7b6d227c94ebda800ec3bc047135f527e26506_2_1380x7801380×780 106 KB

Ich habe per Helfer meinen Heizöl-Verbrauch als Gasverbrauch ins Standard-Energy-Dashboard eingetragen. Auf einen seperatem Dashboard für die Heizung (siehe oben) zeige ich mir Ölverbrauch und Energieverbrauch der Heizung an.

9

ich hab’s befürchtet.
Und klar, machbar ist vieles - sieht gut aus.