Jetzt hab ich Euch in Richtung tankerkönig card geschickt, doch ich entferne mich seit gestern davon.
Und nutze die Flex Cell Card (FCC)
Sieht bislang so aus:
3 „Gefällt mir“
mafe68
21. März 2026 um 07:50
24
Sind da die Preise günstiger?
3 „Gefällt mir“
Moin, die Flex Cell Card ist wirklich praktisch für solche Sachen. Nutze die inzwischen auch sehr gerne, wobei ich sie noch nicht an so vielen Stellen im Einsatz habe. Man ist auf jeden Fall sehr frei in der Darstellung. Hier mal zwei Beispiele von mir, wenn auch nicht direkt mit Spritpreis, kann man sich ja umbauen. Habe mir meine Energy Tabelle so gestaltet, wie die Farben auch im HA Energy-Dashboard verwendet werden.
Code Energy
`rows:
cells:
type: string
value: Quelle (Heute)
align: left
type: string
value: Verbrauch/Erzeugung
align: right
use_entity_unit: true
type: separator
separator:
color: „#d0d7de “
background: „“
style: solid
thickness: 1
length: 100%
align: stretch
opacity: 0.2
margin_top: 5
margin_bottom: 15
cells:
cells:
type: string
value: Growatt Dach
align: left
style:
background: „#c1841a “
color: „#242424 “
type: entity
value: sensor.growatt_todaygenerateenergy
align: right
style:
background: „#c1841a “
color: „#242424 “
use_entity_unit: true
cells:
type: string
value: BKW Süd
align: left
style:
background: „#dace49 “
color: „#242424 “
type: entity
value: sensor.opendtu_a8067c_yield_day
align: right
style:
background: „#dace49 “
color: „#242424 “
use_entity_unit: true
cells:
type: string
value: BKW Pool
align: left
style:
background: „#e1d984 “
color: „#242424 “
type: entity
value: sensor.batterie_neo800_energie_heute
align: right
style:
background: „#e1d984 “
color: „#242424 “
use_entity_unit: true
cells:
type: string
value: BKW Nord
align: left
style:
background: „#f7f1ab “
color: „#242424 “
type: entity
value: sensor.ecoflow_wr_energy_kwh_today
align: right
style:
background: „#f7f1ab “
color: „#242424 “
use_entity_unit: true
type: separator
separator:
color: „#d0d7de “
background: „“
style: solid
thickness: 1
length: 100%
align: stretch
opacity: 0.2
margin_top: 8
margin_bottom: 8
cells:
cells:
type: string
value: Batterie Entladung
align: left
style:
background: „#68c09a “
color: „#242424 “
type: entity
value: sensor.batterieentladung_vr_kwh_taglich
align: right
style:
background: „#68c09a “
color: „#242424 “
use_entity_unit: true
cells:
type: string
value: Batterie Ladung
align: left
style:
background: „#df72a1 “
color: „#242424 “
type: entity
value: sensor.batterieladung_vr_kwh_taglich_2
align: right
style:
background: „#df72a1 “
color: „#242424 “
use_entity_unit: true
type: separator
separator:
color: „#d0d7de “
background: „“
style: solid
thickness: 1
length: 100%
align: stretch
opacity: 0.2
margin_top: 8
margin_bottom: 8
cells:
cells:
type: string
value: Netzbezug
align: left
style:
background: „#5083b9 “
color: „#242424 “
type: entity
value: sensor.stromverbrauch_taglich
align: right
style:
background: „#5083b9 “
color: „#242424 “
use_entity_unit: true
cells:
type: string
value: Netzeinspeisung
align: left
style:
background: „#905da8 “
color: „#242424 “
type: entity
value: sensor.solar_netzeinspeisung_kwh_taglich
align: right
style:
background: „#905da8 “
color: „#242424 “
use_entity_unit: true
column_count: 2
card_padding: „“
overflow_x: true
header_from_first_row: false
zebra: false
narrow_breakpoint: „“
text_size: „“
cell_padding:
top: 10
right: 5
bottom: 10
left: 5
custom_template_enabled: false
custom_template_html: „“
type: custom:flex-cells-card
zebra_ignore_separators: true
`
Code Vorhersage
`rows:
cells:
type: string
value: Vorhersage
align: left
type: string
value: Wert (kWh)
align: right
use_entity_unit: true
type: separator
separator:
color: „#d0d7de “
background: „“
style: solid
thickness: 1
length: 100%
align: stretch
opacity: 0.2
margin_top: 5
margin_bottom: 15
cells:
cells:
type: string
value: Heute
align: left
style:
background: „#89b573 “
color: „#242424 “
type: entity
style:
background: „#89b573 “
color: „#242424 “
value: sensor.energy_production_today_3
align: right
use_entity_unit: false
cells:
type: string
value: Rest Heute
align: left
style:
background: „#82aa6e “
color: „#242424 “
type: entity
style:
background: „#82aa6e “
color: „#242424 “
value: sensor.energy_production_today_remaining_3
align: right
use_entity_unit: false
cells:
type: string
value: Morgen
align: left
style:
background: „#abca9b “
color: „#242424 “
type: entity
value: sensor.energy_production_tomorrow_3
align: right
style:
background: „#abca9b “
color: „#242424 “
use_entity_unit: false
cells:
type: string
value: Übermorgen
align: left
style:
background: „#cae5bd “
color: „#242424 “
type: entity
value: sensor.energy_production_d3
align: right
style:
background: „#cae5bd “
color: „#242424 “
use_entity_unit: false
column_count: 2
card_padding: „“
overflow_x: true
header_from_first_row: false
zebra: false
narrow_breakpoint: „“
text_size: „“
cell_padding:
top: 10
right: 5
bottom: 10
left: 5
custom_template_enabled: false
custom_template_html: „“
type: custom:flex-cells-card
zebra_ignore_separators: true
`
1 „Gefällt mir“