Hello,
please excuse my bad english as always.
I need your help again.
I have a problem with the picture-elements card.
I created my card in portrait format on my smartphone. It looks great there. On the PC I then saw that everything was cut off at the bottom, as well as in landscape format on the smartphone. What can be the reason?
Wrong
Correct
type: picture-elements
style: |
ha-card { height: 550px !important; }
elements:
- type: state-label
entity: sensor.Devices_7UreppMhwYr4WlSbCtcsno_deviceStatus_battery
prefix: 'Akku '
style:
top: 20px
left: 310px
'--mdc-icon-size': 50px
font-size: 20px
- type: state-icon
entity: switch.Heizung_Wohnbereich_party
icon: mdi:play
tap_action:
action: toggle
style:
top: 54%
left: 20%
'--mdc-icon-size': 40px
- type: state-icon
entity: switch.Heizung_Wohnbereich_party
icon: mdi:pause
tap_action:
action: toggle
style:
top: 54%
left: 40%
'--mdc-icon-size': 40px
- type: state-icon
entity: switch.Heizung_Wohnbereich_party
icon: mdi:stop
tap_action:
action: toggle
style:
top: 54%
left: 60%
'--mdc-icon-size': 40px
- type: state-icon
entity: switch.Heizung_Wohnbereich_party
icon: mdi:home
tap_action:
action: toggle
style:
top: 54%
left: 80%
'--mdc-icon-size': 40px
- type: state-label
entity: input_text.Geraete_Mobbie_status
prefix: 'Status: '
style:
top: 46%
left: 50%
font-size: 25px
font-weight: bold
- type: custom:text-element
text: Filter
style:
top: 64%
left: 10%
font-size: 15px
- type: state-label
entity: sensor.Devices_7UreppMhwYr4WlSbCtcsno_deviceStatus_battery
style:
top: 67%
left: 11%
'--mdc-icon-size': 50px
font-size: 15px
- type: custom:text-element
text: Sensoren
style:
top: 64%
left: 30%
font-size: 15px
- type: state-label
entity: sensor.Devices_7UreppMhwYr4WlSbCtcsno_deviceStatus_battery
style:
top: 67%
left: 31%
'--mdc-icon-size': 50px
font-size: 15px
- type: custom:text-element
text: Hauptbürste
style:
top: 64%
left: 55%
font-size: 15px
- type: state-label
entity: sensor.Devices_7UreppMhwYr4WlSbCtcsno_deviceStatus_battery
style:
top: 67%
left: 55%
'--mdc-icon-size': 50px
font-size: 15px
- type: custom:text-element
text: Seitenbürste
style:
top: 64%
left: 83%
font-size: 15px
- type: state-label
entity: sensor.Devices_7UreppMhwYr4WlSbCtcsno_deviceStatus_battery
style:
top: 67%
left: 83%
'--mdc-icon-size': 50px
font-size: 15px
- type: custom:text-element
text: '|'
style:
top: 65%
left: 19%
font-size: 35px
color: grey
- type: custom:text-element
text: '|'
style:
top: 65%
left: 41%
font-size: 35px
color: grey
- type: custom:text-element
text: '|'
style:
top: 65%
left: 69%
font-size: 35px
color: grey
font-weight: normal
- type: custom:text-element
text: '|'
style:
top: 68%
left: 55%
font-size: 35px
color: grey
transform: rotate(0.25turn) scale(1,10.2)
- type: state-icon
entity: switch.Heizung_Wohnbereich_party
icon: mdi:history
tap_action:
action: toggle
style:
top: 73%
left: 80%
'--mdc-icon-size': 40px
- type: state-icon
entity: switch.Heizung_Wohnbereich_party
icon: mdi:chart-line
tap_action:
action: toggle
style:
top: 73%
left: 20%
'--mdc-icon-size': 40px
- type: state-icon
entity: switch.VIS_Mobbie_show_map
icon: mdi:map
tap_action:
action: toggle
style:
top: 73%
left: 50%
'--mdc-icon-size': 40px
- type: custom:text-element
text: '|'
style:
top: 73%
left: 67%
font-size: 35px
color: grey
- type: custom:text-element
text: '|'
style:
top: 73%
left: 34%
font-size: 35px
color: grey
- type: custom:text-element
text: '|'
style:
top: 76%
left: 55%
font-size: 35px
color: grey
transform: rotate(0.25turn) scale(1,10.2)
image: /cards/roborock.png