I am becoming crazy in here … 2 hours that I am trying to extend the width of this history-graph card without it also extends to the bottom.
This is for a tablet, I do not want to scroll to I am limited in height with 715 pixels (I have made a “custom:grid-layout” with 11 x 65 pixels.
I have this history card in the first column, You see it goes till the 715 pixels, but I would like to extend the width … without success …
If I increase the first column, then it affectively increases the width, but also the height …
If I set r2-1 on the second column, that doesn’t work.
I have also tried with card-mod but there no success neither.
What is the solution in here ?
I am also pasting my code in case you can edit it / test it to get the desired purpose :
views:
- title: Home
type: custom:grid-layout
layout:
grid-template-columns: 420px 500px 420px
grid-template-rows: 65px 65px 65px 65px 65px 65px 65px 65px 65px 65px 65px
grid-template-areas: |
"r1-1 r1-1 r1-1"
"r2-1 r2-2 r2-3"
"r2-1 r2-2 r3-3"
"r2-1 r2-2 r4-3"
"r2-1 r2-2 r5-3"
"r2-1 r2-2 r6-3"
"r2-1 r2-2 r7-3"
"r2-1 r2-2 r8-3"
"r2-1 r2-2 r9-3"
"r2-1 r10-2 r10-3"
"r2-1 r11-2 r11-3"
"r2-1 r12-2 r12-3"
icon: mdi:home
visible:
- user: 6c0f22e61daf4f799222ab1f2942f2af
- user: 1a22f3b4ca2f4c4c84db909d9ba20c60
badges: []
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: entity
entity: person.delecole
tap_action:
action: navigate
navigation_path: /lenovo-m10-plus-home/0
name: Home
content_info: name
icon: mdi:home
use_entity_picture: false
icon_color: blue
view_layout:
grid-area: r1-1
- type: history-graph
entities:
- entity: sensor.s_battery
- entity: lawn_mower.s
- entity: sensor.s_rssi
- entity: sensor.s_error
- entity: binary_sensor.s_online
- entity: switch.s_party_mode
hours_to_show: 36
card_mod:
style: |
ha-card {
background: transparent;
border: 0px;
}
view_layout:
grid-area: r2-1
Many thanks to the specialist who will succeed in this