Hallo zusammen,
ich habe mir ein Bild mit dem Grundriss der Wohung erstellt.
Dies möchte ich im Hintergrund als einzelnes Bild (Panel-einzelne Karte) verwenden und dort dann meine Lichter im Raum plazieren.
Doch es werden rundum teile des Bilds abgeschnitten.
Deswegen die Frage wie breit darf das Bild für die Panel-einzel Karte maximal sein.
Das ist meines wissens egal, ich habe hier mal mein paar Jahre altes Dashboard ausgegraben vielleicht hilft es dir ja:
type: picture-elements
image: local/images/3d_floorplan/Wohnung-Dunkel.png
elements:
- type: image
entity: switch.wohnen
style:
left: 50%
top: 50%
width: 100%
state_image:
"on": local/images/3d_floorplan/Wohnen_ON.png
"off": local/images/transparent.png
- type: image
entity: switch.schlafzimmer_shelly
style:
left: 50%
top: 50%
width: 100%
state_image:
"on": local/images/3d_floorplan/Schalafzimmer_on.png
"off": local/images/transparent.png
- type: image
entity: switch.kuche
style:
left: 50%
top: 50%
width: 100%
state_image:
"on": local/images/3d_floorplan/Küche_on.png
"off": local/images/transparent.png
- type: image
entity: switch.kuche_schrank
style:
left: 50%
top: 50%
width: 100%
state_image:
"on": local/images/3d_floorplan/Küche_on.png
"off": local/images/transparent.png
- type: image
entity: switch.flur
style:
left: 50%
top: 50%
width: 100%
state_image:
"on": local/images/3d_floorplan/Fluhr_on.png
"off": local/images/transparent.png
state_filter:
"on": brightness(90%)
- type: image
entity: switch.essen
style:
left: 50%
top: 50%
width: 100%
state_image:
"on": local/images/3d_floorplan/Essen_on.png
"off": local/images/transparent.png
- type: image
entity: switch.buro
style:
left: 50%
top: 50%
width: 100%
state_image:
"on": local/images/3d_floorplan/Büro_on.png
"off": local/images/transparent.png
- type: image
entity: switch.badezimmer
style:
left: 50%
top: 50%
width: 100%
state_image:
"on": local/images/3d_floorplan/Bad_on.png
"off": local/images/transparent.png
- type: image
entity: switch.abstellkammer
style:
left: 50%
top: 50%
width: 100%
state_image:
"on": local/images/3d_floorplan/Abstellkammer_on.png
"off": local/images/transparent.png
tap_action:
action: none
hold_action:
action: none
- type: state-label
entity: sensor.temp_buro
style:
left: 72%
top: 12%
- type: state-label
entity: sensor.temp_bad
style:
left: 56%
top: 12%
- type: state-label
entity: sensor.balkon_temperature
style:
left: 82%
top: 48%
- type: state-label
entity: sensor.temp_abstellkammer
style:
left: 47.5%
top: 12%
- type: state-label
entity: sensor.temp_kuche
style:
left: 26%
top: 25%
- type: state-label
entity: sensor.temp_schlafzimmer
style:
left: 27%
top: 48%
- type: state-label
entity: sensor.temp_wohnzimmer
style:
left: 62%
top: 48%
- type: state-icon
entity: binary_sensor.fenster_buro
style:
left: 85%
top: 30%
- type: state-icon
entity: binary_sensor.fenster_kuche
style:
left: 15%
top: 34%
- type: state-icon
entity: binary_sensor.fenster_schlafzimmer
style:
left: 12%
top: 70%
- type: state-icon
entity: binary_sensor.balkontur_contact
style:
left: 78%
top: 55%
- type: state-icon
entity: binary_sensor.wohnungstur
style:
left: 40%
top: 20%
- type: state-icon
entity: switch.abstellkammer
style:
left: 47.5%
top: 20%
tap_action:
action: toggle
- type: state-icon
entity: switch.badezimmer
style:
left: 56%
top: 20%
tap_action:
action: toggle
- type: state-icon
entity: switch.lufter
style:
left: 51%
top: 15%
tap_action:
action: toggle
- type: state-icon
entity: switch.buro
style:
left: 72%
top: 20%
tap_action:
action: toggle
- type: state-icon
entity: switch.flur
style:
left: 40%
top: 38%
tap_action:
action: toggle
- type: state-icon
entity: switch.kuche
style:
left: 26%
top: 38%
tap_action:
action: toggle
- type: state-icon
entity: switch.kuche_schrank
style:
left: 26%
top: 31.5%
tap_action:
action: toggle
- type: state-icon
entity: switch.tv_schlafzimmer
icon: mdi:television
style:
left: 28%
top: 55%
tap_action:
action: toggle
- type: state-icon
entity: switch.schlafzimmer_shelly
style:
left: 28%
top: 65%
tap_action:
action: toggle
- type: state-icon
entity: switch.bett
icon: mdi:bed-double
style:
left: 28%
top: 75%
tap_action:
action: toggle
- type: state-icon
entity: switch.essen
style:
left: 46%
top: 75%
tap_action:
action: toggle
- type: state-icon
entity: switch.wohnen
style:
left: 62%
top: 75%
tap_action:
action: toggle
- type: state-icon
entity: switch.wohnzimmer_tv
icon: mdi:television
style:
left: 62%
top: 55%
tap_action:
action: toggle
- type: state-icon
entity: light.wohnzimmer_fenster_rgbw
icon: mdi:window-closed-variant
style:
left: 78%
top: 75%
tap_action:
action: toggle
- type: custom:mushroom-chips-card
style:
left: 3%
top: 3%
chips:
- type: template
icon: mdi:arrow-left
content: Zurück
tap_action:
action: navigate
navigation_path: "0"
double_tap_action:
action: navigate
navigation_path: "0"
hold_action:
action: navigate
navigation_path: "0"
War damit aber nie 100%ig zufrieden und Nein ich weiß nicht mehr nach welcher Anleitung ich damals gearbeitet habe.
LG
