Hi there, hours that I am trying to get this work and no way … I think can be simple for you.
I have defined a grid (see code below) to fit on wall tablet (1340 x 715 px) … I do not want to scroll down, so limited to 715 px height.
I am displaying an history card on the left side … issue is If I make it take the full 715 px height, it is still for me not width enough, so I would like to keep the max height of 715 px, but “stretch” the card so that it takes more space on the width.
Increase the height ? Not possible because then the width is indeed increasing proportionally, but the height will be more than 715 px which I do not want.
See the code below and the screenshot
See n here I have set the first column to 420 pixels, which is fine, because the height is just where it should be … but I would like to increase the width so something like 700 pixels instead of 420, to have the clock card starting at column 700 pixels.
But If I do that, the height of the history card will exceed the 715 pixels.
I would like to kee the same 715 pixels height, but increase (STRETCH) the card to the right …
kiosk_mode:
admin_settings:
hide_header: false
hide_sidebar: false
user_settings:
- users:
- alessio
- flavia
- inès
hide_sidebar: false
- users:
- wallpanel
kiosk: true
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 r2-2 r10-3"
"r2-1 r2-2 r11-3"
"r2-1 r2-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
- type: custom:clock-weather-card
entity: weather.maison_2
tap_action:
action: navigate
navigation_path: /lenovo-m10-plus-meteo/0
card_mod:
style: |
ha-card {
color: black;
background: transparent;
border: 0px;
}
view_layout:
grid-area: r2-3
