Hello
I have a 3x2 picture glace page working nicely, using vertical stack. However I want 3x3 but when I set it up, it also works but doesn’t all fit on 1 screen, you need to scroll. I have tried to resize the images, but they always look the same size on the screen…
Any tips please?
Cheers
Mark
Why are you using a vertical stack? If you set the columns of the glance card to 3 and add 9 entities, it should make a 3x3 grid for you. Can you post the yaml?
I’m using vertical as horizontal looks squashed…
- cards:
- cards:
- elements:
- entity: sensor.rennas_cpu_usage
style:
left: 15%
top: 85%
type: state-icon
- entity: sensor.rennas_cpu_usage
style:
font-size: 115%
font-weight: bold
left: 15%
top: 93%
type: state-label
- entity: sensor.rennas_status
style:
left: 30%
top: 85%
type: state-icon
- entity: sensor.rennas_status
style:
font-size: 115%
font-weight: bold
left: 30%
top: 93%
type: state-label
- entity: sensor.rennas_cpu_temperature
style:
left: 45%
top: 85%
type: state-icon
- entity: sensor.rennas_cpu_temperature
style:
font-size: 115%
font-weight: bold
left: 45%
top: 93%
type: state-label
- entity: sensor.rennas_free_space_datavol1
style:
left: 63%
top: 85%
type: state-icon
- entity: sensor.rennas_free_space_datavol1
style:
font-size: 115%
font-weight: bold
left: 63%
top: 93%
type: state-label
- entity: sensor.rennas_free_space_datavol2
style:
left: 80%
top: 85%
type: state-icon
- entity: sensor.rennas_free_space_datavol2
style:
font-size: 115%
font-weight: bold
left: 80%
top: 93%
type: state-label
image: /local/lovelace/settings/qnap.jpg
type: picture-elements
- elements:
- entity: sensor.speedtest_ping
style:
left: 25%
top: 85%
type: state-icon
- entity: sensor.speedtest_ping
prefix: 'Internet : '
style:
font-size: 115%
font-weight: bold
left: 20%
top: 93%
type: state-label
- entity: sensor.speedtest_download
style:
left: 50%
top: 85%
type: state-icon
- entity: sensor.speedtest_download
style:
font-size: 115%
font-weight: bold
left: 50%
top: 93%
type: state-label
- entity: sensor.speedtest_upload
style:
left: 75%
top: 85%
type: state-icon
- entity: sensor.speedtest_upload
style:
font-size: 115%
font-weight: bold
left: 75%
top: 93%
type: state-label
image: /local/lovelace/speed.png
type: picture-elements
- elements:
- entity: sensor.time_online
prefix: 'System Uptime ----- '
style:
color: white
font-size: 115%
font-weight: bold
left: 50%
top: 8%
type: state-label
- entity: script.restart_hass
prefix: 'Restart ----- '
style:
color: white
font-size: 115%
font-weight: bold
left: 50%
top: 25%
type: state-icon
- entity: sensor.disk_free
style:
left: 29%
top: 84%
type: state-icon
- entity: sensor.disk_free
prefix: 'Resources : '
style:
font-size: 115%
left: 20%
top: 93%
type: state-label
- entity: sensor.memory_use_percent
style:
left: 46%
top: 84%
type: state-icon
- entity: sensor.memory_use_percent
style:
font-size: 115%
left: 47%
top: 93%
type: state-label
- entity: sensor.disk_use_percent
style:
left: 63%
top: 84%
type: state-icon
- entity: sensor.disk_use_percent
style:
font-size: 115%
font-weight: bold
left: 64%
top: 93%
type: state-label
- entity: sensor.processor_use
style:
left: 80%
top: 84%
type: state-icon
- entity: sensor.processor_use
style:
font-size: 115%
font-weight: bold
left: 81%
top: 93%
type: state-label
image: /local/lovelace/cpu.jpg
type: picture-elements
id: 32609d7a381c4c549e3ec417cb159558
type: vertical-stack
- cards:
- card:
image: /local/lovelace/network.jpg
title: Core Network
type: picture-glance
entities:
- binary_sensor.garage_gateway
- binary_sensor.upstairs_gateway
- binary_sensor.downstairs_gateway
state_filter:
- 'on'
type: entity-filter
- card:
image: /local/lovelace/devices.jpg
title: Core Devices
type: picture-glance
entities:
- binary_sensor.echodotliving
- binary_sensor.echodotbedroom
- binary_sensor.kitchenecho
state_filter:
- 'on'
type: entity-filter
id: 5781ce7b4c8043528e8384cb8de32c3b
type: vertical-stack
- cards:
- card:
image: /local/lovelace/ha.jpg
title: Computers
type: picture-glance
entities:
- binary_sensor.arcade
- binary_sensor.markspc
- binary_sensor.helenspc
- binary_sensor.ovmpc
state_filter:
- 'off'
type: entity-filter
- card:
image: /local/lovelace/media.jpg
title: Media Devices
type: picture-glance
entities:
- binary_sensor.harmonyhub
- binary_sensor.tivo
- binary_sensor.sonosliving
- binary_sensor.sonosdining
state_filter:
- 'on'
type: entity-filter
id: e65876fb585e4abe83554e0ba0ab8211
type: vertical-stack
icon: 'mdi:settings'
custom layout card maybe
Ohh lovely. Will give this a blast tonight… thanks