As told before in the other topic, great effort you did here, thanks again.
I made it like this:
For those who like to know i’ll post the lovelace code, here it is.
Please be awere to change the entities to your own.
I made in my root configuration a folder called “www” and put the pictures in there ( i just googled to an identical vehicle i have and downloaded these pics)
Make a vertical stack card, switch to “view code editor” and past these lines
Then switch back to “view visual editor”, adjust the names and sensors and click on “header” to select your desired picture. After that change your icons as preffered, the ones used are adjusted to my personal prefference.
type: vertical-stack
cards:
- type: entities
entities:
- entity: sensor.volkswagen_id_id_4_pro_performance_range
name: ID4 Actieradius
icon: mdi:speedometer
- entity: binary_sensor.volkswagen_id_id_4_pro_performance_plug_connection_state
name: Connected
- entity: sensor.volkswagen_id_id_4_pro_performance_charge_rate
name: Laadsnelheid Km/H
- entity: sensor.volkswagen_id_id_4_pro_performance_remaining_charging_time
name: Resterende laadtijd
icon: mdi:clock-end
title: Batterij info
header:
type: picture
image: /local/id4-4.jpg
tap_action:
action: none
hold_action:
action: none
- type: horizontal-stack
cards:
- type: gauge
entity: sensor.volkswagen_id_id_4_pro_performance_state_of_charge
min: 0
max: 100
name: Accu status
unit: '%'
severity:
green: 60
yellow: 40
red: 20
- type: gauge
entity: sensor.volkswagen_id_id_4_pro_performance_charge_power
min: 0
max: 125
name: Laadsnelheid
severity:
green: 0
yellow: 80
red: 110
unit: kW/H
needle: true
header:
type: entities
entities:
- entity: button.volkswagen_id_id_4_pro_performance_start_climate
name: Climatisering aan/uit
secondary_info: last-updated
- entity: binary_sensor.volkswagen_id_id_4_pro_performance_rear_window_heating_state
name: Achterruit verwarming
icon: mdi:thermometer-lines
- entity: >-
binary_sensor.volkswagen_id_id_4_pro_performance_front_window_heating_state
name: Voorruit verwarming
icon: mdi:thermometer-chevron-up
- entity: binary_sensor.volkswagen_id_id_4_pro_performance_zone_front_left_enabled
name: Zone linksvoor
icon: mdi:thermometer-low
- entity: binary_sensor.volkswagen_id_id_4_pro_performance_zone_front_right_enabled
icon: mdi:thermometer-low
name: Zone rechtsvoor
- entity: sensor.volkswagen_id_id_4_pro_performance_climatisation_state
name: Climatisering status
icon: mdi:air-conditioner
- entity: sensor.volkswagen_id_id_4_pro_performance_remaining_climatisation_time
icon: mdi:air-conditioner
name: Resterende tijd clima
- entity: sensor.volkswagen_id_id_4_pro_performance_target_temperature_c
name: Ingestelde temperatuur
title: Climatisering
state_color: true
header:
type: picture
image: /local/id4-11.jpg
tap_action:
action: none
hold_action:
action: none
show_header_toggle: false